:root{--gold:#b4872d;--gold2:#d5b46f;--ink:#172039;--muted:#7e8491;--cream:#fbfaf6;--line:#e9e2d4;--white:#fff;--navy:#111a35}*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;background:var(--cream);color:var(--ink);font-size:16px}.shell{min-height:100vh}aside{position:fixed;inset:0 auto 0 0;width:285px;background:#fff;border-right:1px solid var(--line);padding:34px 22px;display:flex;flex-direction:column}.brand b{display:block;font:24px Georgia,serif;letter-spacing:3px}.brand span{display:block;color:var(--gold);font-size:11px;letter-spacing:8px;margin-top:6px}.identity{margin:30px 0 20px;padding:18px;border:1px solid var(--line);border-radius:15px;background:linear-gradient(135deg,#fff,#fbf5e9)}.identity b,.identity span{display:block}.identity b{font:20px Georgia,serif}.identity span{color:var(--gold);margin-top:5px;font-size:12px}.nav-btn{display:block;width:100%;border:0;background:transparent;text-align:left;padding:13px 14px;border-radius:10px;color:#616878;font-weight:700;font-size:14px;margin:2px 0;cursor:pointer}.nav-btn:hover,.nav-btn.active{background:#f5ead3;color:#7b5818}.logout{margin-top:auto;border:1px solid var(--line);background:#fff;padding:12px;border-radius:10px}main{margin-left:285px}header{height:88px;background:#fff;border-bottom:1px solid var(--line);padding:0 38px;display:flex;align-items:center;justify-content:space-between}header small,header strong{display:block}header small{color:var(--gold);letter-spacing:2px;font-size:9px}header strong{font:19px Georgia,serif;margin-top:5px}.bell{border:1px solid var(--line);background:#fff;border-radius:50%;width:43px;height:43px}#content{padding:38px;max-width:1600px;margin:auto}.head{display:flex;justify-content:space-between;align-items:end;margin-bottom:28px}.head p{color:var(--gold);letter-spacing:2px;font-size:10px;font-weight:800}.head h1{font:36px Georgia,serif;margin:7px 0}.head span{color:var(--muted)}.btn{border:0;border-radius:10px;padding:12px 17px;font-weight:800;cursor:pointer}.btn.gold{background:var(--gold);color:#fff}.btn.light{background:#fff;border:1px solid var(--line)}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:17px;margin-bottom:22px}.metric,.card{background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 12px 35px rgba(41,34,21,.05)}.metric{padding:23px}.metric span{color:var(--muted);font-size:12px}.metric b{display:block;font:32px Georgia,serif;margin:8px 0}.metric.gold{background:linear-gradient(135deg,#9a6d1f,#d3ac62);color:#fff}.metric.gold span{color:#fff}.grid{display:grid;grid-template-columns:1.4fr 1fr;gap:20px}.card{padding:24px}.card h2{font:21px Georgia,serif;margin:0 0 16px}.table{overflow:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:14px;border-bottom:1px solid #f0ece3;font-size:13px}th{font-size:10px;color:#9a8b70;letter-spacing:1px}.badge{padding:5px 9px;border-radius:12px;background:#f5ead3;color:#7b5818;font-size:10px}.modal{display:none;position:fixed;inset:0;background:#1118;z-index:50;align-items:center;justify-content:center}.modal.open{display:flex}.modal>div{background:#fff;width:min(680px,92%);padding:28px;border-radius:20px;position:relative}.x{position:absolute;right:15px;top:12px;border:0;background:#eee;border-radius:50%;width:32px;height:32px}.login-page{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,#fff,#f2e4c7)}.login-card{width:min(480px,92%);background:#fff;padding:45px;border-radius:25px;text-align:center;box-shadow:0 25px 80px #8e6a2630}.crown{margin:auto;width:80px;height:80px;display:grid;place-items:center;border-radius:50%;background:var(--navy);color:var(--gold2);font:27px Georgia}.eyebrow{color:var(--gold);letter-spacing:3px;font-size:10px}.login-card h1{font:35px Georgia}.login-card label{text-align:left;display:block;margin:15px 0;font-weight:700;font-size:12px}.login-card input{display:block;width:100%;padding:14px;border:1px solid var(--line);border-radius:10px;margin-top:7px}.login-card button{width:100%;padding:15px;border:0;background:var(--gold);color:#fff;border-radius:10px;font-weight:800}#message{color:#b33;margin-top:12px}@media(max-width:900px){aside{width:230px}main{margin-left:230px}.metrics{grid-template-columns:1fr 1fr}.grid{grid-template-columns:1fr}}@media(max-width:650px){aside{position:relative;width:100%}main{margin:0}.metrics{grid-template-columns:1fr 1fr}#content{padding:22px}.head h1{font-size:29px}}
aside{overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:#c8a65e #fff}aside::-webkit-scrollbar{width:8px}aside::-webkit-scrollbar-track{background:#fff}aside::-webkit-scrollbar-thumb{background:#c8a65e;border-radius:10px;border:2px solid #fff}aside nav{flex:0 0 auto}.logout{flex:0 0 auto;margin-top:22px;margin-bottom:10px;position:relative}
.modal h2{font:27px Georgia,serif}.modal form{display:grid;grid-template-columns:1fr 1fr;gap:15px}.modal label{font-size:12px;font-weight:800}.modal input,.modal select{display:block;width:100%;margin-top:7px;padding:13px;border:1px solid var(--line);border-radius:10px}.modal form>.btn,.modal .check{grid-column:1/-1}.modal .check input{display:inline;width:auto;margin-right:8px}
.btn.deleteAgency{background:#fff1f1;color:#b63c3c;margin-left:6px}
.modal textarea{display:block;width:100%;min-height:130px;margin-top:7px;padding:13px;border:1px solid var(--line);border-radius:10px;font:inherit;resize:vertical}
.modal{padding:24px;overflow-y:auto;align-items:flex-start}
.modal>div{max-height:calc(100vh - 48px);overflow-y:auto;margin:auto;overscroll-behavior:contain}
.modal form{padding-bottom:8px}
.form-grid{display:contents}
.btn.danger{background:#fff0f0;color:#b63c3c;border:1px solid #f2cece}
@media(max-width:700px){.modal{padding:10px}.modal>div{width:100%;max-height:calc(100vh - 20px);padding:22px 16px}.modal form{grid-template-columns:1fr}.modal form>*{grid-column:1!important}}
.photo-upload{grid-column:1/-1;border:1px dashed #c8a65e;border-radius:14px;padding:16px;background:#fffaf0}.photo-upload small{display:block;color:var(--muted);margin-top:8px}.photo-preview{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.photo-preview img{width:100%;height:125px;object-fit:cover;border-radius:12px;border:1px solid var(--line)}