:root{color:#102a43;background:#f5f8fa;font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}body{margin:0}.shell{grid-template-columns:245px 1fr;min-height:100vh;display:grid}aside{color:#d9e2ec;background:#102a43;flex-direction:column;gap:35px;padding:25px 15px;display:flex}.logo{align-items:center;gap:10px;padding:0 10px;display:flex}.logo span,.admin-dot{color:#fff;background:#0f766e;border-radius:12px;place-items:center;width:38px;height:38px;font-weight:900;display:grid}.logo b,.admin b{color:#fff;display:block}.logo small,.admin small{color:#9fb3c8;margin-top:2px;font-size:11px;display:block}nav{gap:6px;display:grid}nav button{text-align:left;color:#bcccdc;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:10px;padding:12px}nav button:hover,nav button.active{color:#fff;background:#243b53;font-weight:700}.admin{border-top:1px solid #334e68;align-items:center;gap:10px;margin-top:auto;padding:18px 10px 0;display:flex}.admin-dot{background:#486581;width:32px;height:32px}main{width:100%;max-width:1300px;margin:auto;padding:38px}header{justify-content:space-between;align-items:center;margin-bottom:25px;display:flex}.eyebrow{color:#0f766e;letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:11px;font-weight:800}h1,h2,p{margin-top:0}h1{margin-bottom:0;font-size:31px}h2{margin-bottom:5px;font-size:18px}.outline,.approve,.decline{color:#334e68;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:9px;padding:10px 13px;font-weight:700}.approve{color:#fff;background:#0f766e;border-color:#0f766e}.decline{color:#b42318;background:#fff1f2;border-color:#fecaca}.metrics{grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:20px;display:grid}.metric,.panel{background:#fff;border:1px solid #e6eef5;border-radius:16px;padding:20px;box-shadow:0 5px 15px #102a4308}.metric p{color:#627d98;margin-bottom:14px;font-size:13px}.metric strong{font-size:29px;display:block}.metric small{color:#829ab1}.two{grid-template-columns:1.2fr 1fr;gap:20px;display:grid}.panel-head{border-bottom:1px solid #e6eef5;justify-content:space-between;align-items:flex-start;margin-bottom:5px;padding-bottom:15px;display:flex}.panel-head p,.settings>div p,.pack-editor p{color:#627d98;margin:0;font-size:13px}.row{border-bottom:1px solid #f0f4f8;align-items:center;gap:13px;padding:15px 0;display:flex}.row:last-child{border:0}.avatar{color:#0f766e;background:#d1fae5;border-radius:12px;place-items:center;width:38px;height:38px;font-size:12px;font-weight:800;display:grid}.grow{flex:1}.grow b{display:block}.grow span{color:#829ab1;margin-top:3px;font-size:12px;display:block}.badge,.state{color:#a16207;background:#fef3c7;border-radius:20px;padding:6px 9px;font-size:11px;font-weight:800}.approved,.declined,.state.paid{border-radius:20px;padding:6px 9px;font-size:11px;font-weight:800}.approved,.state.paid{color:#047857;background:#d1fae5}.declined{color:#b42318;background:#fee4e2}.state.pending{color:#a16207;background:#fef3c7}.state.failed{color:#b42318;background:#fee4e2}.notice{color:#065f46;background:#d1fae5;border-radius:10px;justify-content:space-between;margin-bottom:15px;padding:12px 15px;font-weight:700;display:flex}.notice button{color:inherit;cursor:pointer;background:0 0;border:0;font-size:19px}.checklist{margin:0;padding:0;list-style:none}.checklist li{color:#486581;border-bottom:1px solid #f0f4f8;padding:11px 0}.checklist li.done{color:#047857}.checklist li.done:before{content:"✓ ";font-weight:900}.health{color:#486581;border-bottom:1px solid #f0f4f8;justify-content:space-between;padding:12px 0;display:flex}.health b{color:#047857;font-size:13px}.health b.muted{color:#829ab1}.tags{flex-wrap:wrap;gap:9px;padding-top:15px;display:flex}.tags span{color:#0f766e;background:#e6fffa;border-radius:18px;padding:8px 10px;font-size:13px;font-weight:700}.tags button{color:#0f766e;background:0 0;border:0;margin-left:4px;font-size:16px}.settings{gap:20px;max-width:760px;display:grid}.settings>label{color:#334e68;grid-template-columns:1fr 80px 80px;align-items:center;gap:10px;font-weight:700;display:grid}.settings input{font:inherit;border:1px solid #cbd5e1;border-radius:8px;min-width:0;padding:10px}.settings>label span{color:#829ab1;font-weight:400}.save{justify-self:start}.pack-editor{border-top:1px solid #e6eef5;gap:11px;padding-top:20px;display:grid}.pack-line{grid-template-columns:1fr 100px 150px;gap:10px;display:grid}.pack-line label{color:#627d98;grid-template-columns:auto 1fr;align-items:center;gap:5px;font-size:12px;font-weight:700;display:grid}.modal-backdrop{z-index:10;background:#102a4388;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.document-modal{background:#fff;border-radius:18px;width:min(510px,100%);padding:25px;box-shadow:0 20px 60px #102a4366}.document-modal>p:not(.eyebrow){color:#627d98;font-size:14px}.document-preview{background:linear-gradient(135deg,#e6fffa,#d9e2ec);border:1px dashed #829ab1;border-radius:14px;flex-direction:column;justify-content:center;gap:8px;min-height:170px;margin:20px 0;padding:22px;display:flex}.document-preview span{letter-spacing:.12em;color:#0f766e;font-size:10px;font-weight:900}.document-preview strong{font-size:21px}.document-preview small,.hint{color:#627d98!important;font-size:12px!important}.modal-actions{justify-content:flex-end;gap:9px;margin-top:20px;display:flex}@media (width<=800px){.shell{grid-template-columns:1fr}aside{display:none}main{padding:20px}.metrics,.two{grid-template-columns:1fr}header{align-items:flex-start;gap:12px}.metrics{gap:10px}.row{flex-wrap:wrap}.pack-line{grid-template-columns:1fr 80px 120px}}.catalog-list{gap:8px;padding:14px 0;display:grid}.catalog-row,.catalog-add{gap:9px;display:flex}.catalog-row input,.catalog-add input{font:inherit;color:#102a43;border:1px solid #cbd5e1;border-radius:8px;flex:1;padding:10px}.catalog-add{border-top:1px solid #e6eef5;padding-top:14px}.map-picker-panel{border-top:1px solid #e6eef5;margin-top:16px;padding-top:16px}.city-map-editor{gap:8px;display:grid}.city-map-editor h3{margin:0}.city-map-editor p,.city-map-editor small{color:#627d98;margin:0;font-size:13px}.city-map{z-index:0;border:1px solid #cbd5e1;border-radius:12px;height:340px;overflow:hidden}.city-map-loading{color:#0f766e;background:#f0fdfa;place-items:center;font-weight:700;display:grid}.map-picker-actions{justify-content:flex-end;gap:9px;margin-top:12px;display:flex}.logo img{object-fit:cover;border-radius:12px;width:38px;height:38px}.document-frame{background:#fff;border:1px solid #cbd5e1;border-radius:10px;width:100%;height:300px}.review-note{color:#334e68;gap:7px;font-size:13px;font-weight:800;display:grid}.review-note textarea{resize:vertical;min-height:70px;font:inherit;color:#102a43;border:1px solid #cbd5e1;border-radius:9px;padding:10px}.translation-layout{gap:20px;display:grid}.translation-grid{gap:8px;display:grid}.translation-row{grid-template-columns:1fr 1fr 1fr 130px auto auto;align-items:center;gap:8px;display:grid}.translation-row input,.translation-row select{min-width:0;font:inherit;color:#102a43;border:1px solid #cbd5e1;border-radius:8px;padding:10px}@media (width<=900px){.translation-row{grid-template-columns:1fr 1fr}.translation-row button{width:100%}}.curriculum-block{border-top:1px solid #e6eef5;gap:8px;padding:14px 0;display:grid}.grade-row{margin-left:18px}.modal-backdrop{align-content:start;padding:24px 20px;display:block;overflow-y:auto}.document-modal{width:min(610px,100%);margin:0 auto 24px;padding:24px}.document-preview{justify-content:flex-start;height:min(410px,44vh);min-height:280px;margin:16px 0;padding:14px}.document-image{object-fit:contain;background:#fff;border:1px solid #cbd5e1;border-radius:10px;flex:1;width:100%;height:100%;min-height:0;display:block}.vip-toggle{color:#0f766e;align-items:flex-start;gap:9px;margin:14px 0;font-weight:800;display:flex}.vip-toggle input{accent-color:#0f766e;width:18px;height:18px;margin-top:2px}.modal-actions{background:#fff;margin-top:12px;padding-top:14px;position:sticky;bottom:0}@media (height<=750px){.modal-backdrop{padding:12px}.document-modal{padding:18px}.document-preview{height:300px;min-height:220px}.document-modal h2{margin-bottom:4px}}.admin-auth{color:#17324d;background:#eef3f7;place-items:center;min-height:100vh;padding:24px;display:grid}.admin-auth-card{text-align:center;background:#fff;border-radius:24px;width:min(100%,420px);padding:44px;box-shadow:0 22px 60px #17324d29}.admin-auth-card .brand-mark{color:#fff;background:#0d675f;border-radius:16px;place-items:center;width:56px;height:56px;margin:0 auto 18px;font-weight:800;display:grid}.admin-auth-card h1{margin:6px 0 12px}.admin-auth-card .primary{width:100%;margin-top:20px}.pack-editor:has(textarea){background:linear-gradient(135deg,#f0fdfa,#f8fafc);border:1px solid #bcebe3;border-radius:14px;gap:16px;padding:20px}.pack-editor:has(textarea)>div{padding-bottom:4px}.pack-editor:has(textarea)>div h2{color:#0f766e}.pack-editor:has(textarea) label{color:#334e68;gap:7px;font-size:13px;font-weight:800;display:grid}.pack-editor:has(textarea) textarea{resize:vertical;width:100%;min-height:135px;font:inherit;color:#102a43;background:#fff;border:1px solid #cbd5e1;border-radius:10px;padding:12px;line-height:1.5;box-shadow:inset 0 1px 2px #102a4308}.user-modal{background:#fff;border-radius:18px;width:min(1000px,100%);margin:0 auto 24px;padding:26px;box-shadow:0 20px 60px #102a4366}.detail-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.detail-section{color:#486581;border-top:1px solid #e6eef5;padding:16px 0;font-size:13px;line-height:1.5}.detail-section h3{color:#102a43;margin:0 0 9px;font-size:15px}.detail-section p{margin:5px 0}.detail-section ul{margin:6px 0;padding-left:20px}.admin-documents{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;display:grid}.admin-documents a{color:#0f766e;gap:7px;font-weight:800;text-decoration:none;display:grid}.admin-documents img{object-fit:contain;background:#f8fafc;border:1px solid #d9e2ec;border-radius:10px;width:100%;height:160px}.detail-list{max-height:240px;padding-right:8px;overflow:auto}@media (width<=800px){.detail-grid{grid-template-columns:1fr}.user-modal{padding:18px}}