.pp-page{max-width:1500px;margin:auto;padding:20px}.pp-hero{display:flex;justify-content:space-between;gap:20px;align-items:center;background:linear-gradient(120deg,#172554,#1d4ed8);color:#fff;padding:26px;border-radius:22px}.pp-hero span{font-size:12px;letter-spacing:.14em}.pp-hero h1{margin:5px 0}.pp-hero a,.pp-toolbar button,.pp-validate button,.pp-help a{border:0;border-radius:10px;padding:11px 15px;background:#fff;color:#1e3a8a;font-weight:700;text-decoration:none;cursor:pointer}.pp-alert{padding:12px;margin-top:12px;border-radius:10px}.pp-alert.ok{background:#dcfce7}.pp-alert.error{background:#fee2e2}.pp-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:16px 0}.pp-metrics article{background:#fff;border:1px solid #dbe4f0;border-radius:14px;padding:16px}.pp-metrics b{display:block;font-size:22px}.pp-toolbar{display:flex;gap:8px;align-items:center;flex-wrap:wrap;background:#eef4ff;padding:10px;border-radius:14px}.pp-days{display:flex;gap:5px;flex:1}.pp-toolbar button{border:1px solid #cbd5e1}.pp-days button.active{background:#1d4ed8;color:white}.pp-calendar{display:flex;position:relative;margin-top:14px;padding-left:58px;min-height:900px;overflow-x:auto;background:#fff;border:1px solid #dbe4f0;border-radius:16px}.pp-time-axis{position:absolute;left:0;top:42px;width:58px}.pp-time-axis span{position:absolute;right:8px;font-size:11px;color:#64748b}.pp-day{display:none;min-width:260px;flex:1}.pp-day.active{display:block}.pp-calendar.week .pp-day{display:block;min-width:180px}.pp-day>header{text-align:center;height:42px;padding:11px;border-left:1px solid #e2e8f0;font-weight:800}.pp-grid{height:900px;position:relative;border-left:1px solid #e2e8f0;background:repeating-linear-gradient(to bottom,transparent 0,transparent 29px,#edf2f7 30px)}.pp-slot{position:absolute;left:5px;right:5px;background:#dbeafe;border-left:5px solid #2563eb;border-radius:8px;padding:5px;overflow:hidden;box-shadow:0 2px 6px #1e3a8a20}.pp-slot.valide{background:#dcfce7;border-color:#16a34a}.pp-slot b,.pp-slot span,.pp-slot em{display:block;font-size:11px}.pp-slot em{font-style:normal;color:#475569}.pp-help{display:flex;gap:12px;align-items:center;margin-top:15px;padding:14px;background:#fff7ed;border-radius:12px}.pp-help span{flex:1}.pp-validate{text-align:right;margin-top:14px}.pp-validate button{background:#1d4ed8;color:white}dialog{border:0;border-radius:18px;width:min(620px,94vw);box-shadow:0 20px 80px #0f172a66}dialog::backdrop{background:#0f172a99}.pp-form{display:grid;gap:13px}.pp-form header{display:flex;justify-content:space-between}.pp-form header button{border:0;background:none;font-size:30px}.pp-form label{display:grid;gap:5px;font-weight:700}.pp-form input,.pp-form select{padding:11px;border:1px solid #cbd5e1;border-radius:9px}.pp-form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.pp-duration,.pp-preview{padding:10px;border-radius:9px;background:#eff6ff;color:#1e40af}.pp-save{padding:13px;border:0;border-radius:10px;background:#1d4ed8;color:#fff;font-weight:800}@media(max-width:800px){.pp-hero,.pp-help{align-items:flex-start;flex-direction:column}.pp-metrics{grid-template-columns:1fr}.pp-days{overflow-x:auto}.pp-calendar.week .pp-day{min-width:230px}.pp-form-row{grid-template-columns:1fr}}
