:root{--navy:#17243b;--navy2:#223450;--gold:#d7ad56;--gold-light:#fbf3df;--ink:#202a3b;--muted:#788293;--line:#e7eaf0;--paper:#f7f8fb;--white:#fff;--green:#277a60;--red:#b94b50}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.5 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}.topbar{background:var(--navy);color:#fff;min-height:76px;padding:14px max(22px,calc((100% - 1120px)/2));display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:11px;color:#fff;text-decoration:none;font-weight:800;letter-spacing:.5px}.brand-mark{width:42px;height:42px;border-radius:13px;background:var(--gold);color:var(--navy);display:grid;place-items:center;font-size:24px;font-family:Georgia,serif}.brand small{display:block;color:#c8d0dc;font-size:11px;font-weight:500;letter-spacing:0}.topbar nav{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.topbar nav a{color:#f5f7fa;text-decoration:none;font-size:13px}.topbar nav a:hover{color:var(--gold)}.business-name{color:#e6c982;font-size:13px}.container{max-width:1080px;margin:32px auto;padding:0 22px;min-height:calc(100vh - 155px)}h1,h2,p{margin-top:0}h1{font-size:clamp(27px,4vw,36px);letter-spacing:-1px;margin-bottom:8px;color:var(--navy)}h2{font-size:21px;margin:0;color:var(--navy)}.muted{color:var(--muted)}.small{font-size:12px}.eyebrow{font-size:10px;font-weight:800;letter-spacing:1.8px;color:#9a7830;margin-bottom:8px}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:25px}.page-heading p{margin-bottom:0}.btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:11px;padding:12px 18px;font:700 14px inherit;text-decoration:none;cursor:pointer}.primary{background:var(--navy);color:#fff;box-shadow:0 5px 12px #17243b1c}.primary:hover{background:var(--navy2)}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:22px}.stat{background:#fff;border:1px solid var(--line);border-radius:15px;padding:19px 21px}.stat span{display:block;color:var(--muted);font-size:12px;margin-bottom:8px}.stat strong{font-size:clamp(17px,2.2vw,23px);color:var(--navy);letter-spacing:-.5px}.calendar-card,.detail-panel{background:#fff;border:1px solid var(--line);border-radius:18px;padding:23px;box-shadow:0 6px 24px #18294408;margin-bottom:22px}.calendar-head{display:flex;justify-content:center;align-items:center;gap:24px;margin-bottom:23px}.month-arrow{display:grid;place-items:center;width:36px;height:36px;border:1px solid var(--line);border-radius:10px;color:var(--navy);text-decoration:none;font-size:26px}.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:7px}.weekdays{margin-bottom:7px}.weekdays div{text-align:center;color:#8b93a1;font-size:11px;font-weight:800;padding:9px 0}.day{min-height:83px;border:1px solid #edf0f4;border-radius:11px;padding:10px;color:var(--ink);text-decoration:none;position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:4px;background:#fff}.day:hover{border-color:var(--gold);background:#fffcf4}.day.empty{border-color:transparent;background:transparent}.day.today span{display:grid;place-items:center;background:var(--navy);color:#fff;width:27px;height:27px;border-radius:50%}.day.has-booking{background:#fffcf5;border-color:#f1e5c7}.day i,.dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--gold)}.day small{font-size:10px;color:#8a6b2e}.calendar-legend{display:flex;align-items:center;gap:8px;font-size:12px;margin-top:19px}.detail-title{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:16px;margin-bottom:12px}.text-link,.back-link{color:#8a6b2e;text-decoration:none;font-size:13px;font-weight:700}.booking-row{padding:17px 0;border-bottom:1px solid var(--line)}.booking-row:last-child{border-bottom:0;padding-bottom:0}.booking-row-top{display:flex;justify-content:space-between;gap:15px;align-items:flex-start}.booking-row-top strong{font-size:16px}.status{font-size:11px;font-weight:800;padding:5px 9px;border-radius:20px;background:#f0f2f5;color:#596273;white-space:nowrap}.status-dp{background:#fff2d5;color:#8d6516}.status-lunas,.status-selesai{background:#e3f5ec;color:#267552}.status-batal{background:#fce8e8;color:#a33d42}.booking-finance{display:flex;flex-wrap:wrap;gap:20px;margin:14px 0 6px;font-size:12px;color:var(--muted)}.booking-finance b{display:block;color:var(--navy);font-size:13px;margin-top:3px}.notes{font-size:13px;background:#f8f9fb;padding:10px;border-radius:8px;white-space:normal}.row-actions{display:flex;align-items:center;gap:15px;margin-top:12px}.row-actions a,.link-danger{font:700 12px inherit;text-decoration:none;color:#8a6b2e}.row-actions form{margin:0}.link-danger{border:0;background:none;color:var(--red);cursor:pointer;padding:0}.auth-card,.form-page{max-width:590px;margin:30px auto 50px;background:#fff;border:1px solid var(--line);border-radius:20px;padding:clamp(22px,5vw,38px);box-shadow:0 12px 38px #18294409}.auth-card{max-width:480px}.auth-card h1,.form-page h1{margin-bottom:8px}.form-stack{display:flex;flex-direction:column;gap:17px;margin-top:23px}.form-stack label{display:flex;flex-direction:column;gap:7px;font-size:13px;font-weight:700;color:#394458}.form-stack label small{font-weight:500;color:var(--muted)}input,select,textarea{width:100%;border:1px solid #dfe4ec;border-radius:10px;background:#fff;padding:12px 13px;font:14px inherit;color:var(--ink);outline:none}input:focus,select:focus,textarea:focus{border-color:#c9a24c;box-shadow:0 0 0 3px #d7ad5624}textarea{resize:vertical}.form-stack .btn{margin-top:4px;min-height:45px}.auth-bottom{text-align:center;font-size:13px;color:var(--muted);margin:22px 0 0}.auth-bottom a{color:#8a6b2e;font-weight:800;text-decoration:none}.alert{padding:12px 15px;border-radius:10px;margin:0 0 17px;font-size:13px;background:#e6f5ed;color:#226849}.alert.error{background:#fff0ef;color:#a23c3b}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.back-link{display:inline-block;margin-bottom:25px}.footer{text-align:center;color:#9aa1ad;font-size:11px;padding:22px;border-top:1px solid var(--line)}@media(max-width:700px){.topbar{align-items:flex-start;flex-direction:column;padding:14px 20px;gap:13px}.topbar nav{gap:14px}.business-name{width:100%}.container{padding:0 14px;margin:22px auto}.page-heading{align-items:flex-start;flex-direction:column}.page-heading .btn{width:100%}.stats{grid-template-columns:1fr;gap:9px}.stat{padding:14px 16px}.stat strong{font-size:21px}.calendar-card,.detail-panel{padding:13px;border-radius:14px}.calendar-grid{gap:4px}.day{min-height:61px;padding:6px;border-radius:8px;font-size:12px}.day small{font-size:8px}.weekdays div{font-size:10px}.calendar-head{gap:17px;margin-bottom:15px}.calendar-head h2{font-size:18px}.calendar-legend{font-size:10px;flex-wrap:wrap}.booking-finance{gap:14px}.form-grid{grid-template-columns:1fr;gap:17px}.auth-card,.form-page{padding:23px 18px;margin-top:18px}.booking-row-top{gap:8px}.status{font-size:10px}}