:root{--bg:#f5f7fb;--ink:#0b1b3a;--mut:#46536e;--pri:#1e3a8a;--pri2:#2563eb;--gold:#a16207;--ok:#15803d;--bad:#b91c1c;--line:#cfd8ea;--card:rgba(255,255,255,.86)}
*{box-sizing:border-box;margin:0}html{-webkit-text-size-adjust:100%}body{font:16px/1.55 'Segoe UI',system-ui,Roboto,sans-serif;color:var(--ink);background:radial-gradient(ellipse 70% 40% at 10% 0,#dbe7ff,transparent 70%),radial-gradient(ellipse 60% 40% at 100% 20%,#fdf3d7,transparent 70%),linear-gradient(180deg,#fbfcff,#eef2fb) fixed;min-height:100vh;padding-bottom:env(safe-area-inset-bottom)}
h1,h2,h3{font-family:Georgia,'Times New Roman',serif;color:var(--ink);line-height:1.25}h2{font-size:1.35rem;margin-bottom:10px}h3{font-size:1.05rem;margin-bottom:6px}
.card{background:var(--card);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid #fff;border-radius:20px;padding:18px;margin:14px 0;box-shadow:0 18px 40px rgba(30,58,138,.13),0 3px 8px rgba(30,58,138,.07),inset 0 1px 0 #fff}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:10px 20px;border:0;border-radius:14px;font:600 1rem inherit;color:#fff;background:linear-gradient(135deg,var(--pri),var(--pri2));box-shadow:0 8px 20px rgba(37,99,235,.3);cursor:pointer}.btn:active{transform:scale(.98)}
.btn.o{background:#fff;color:var(--pri);border:1.5px solid var(--pri);box-shadow:none}.btn.g{background:linear-gradient(135deg,#a16207,#ca8a04)}.btn.r{background:linear-gradient(135deg,#b91c1c,#ef4444)}.btn.s{min-height:36px;padding:6px 12px;font-size:.88rem;border-radius:10px}.btn.w{width:100%}
label{display:block;font-weight:600;font-size:.92rem;margin:12px 0 4px}input,select,textarea{width:100%;min-height:46px;padding:10px 13px;border:1.5px solid var(--line);border-radius:12px;background:#fff;color:var(--ink);font:inherit}input:focus,select:focus,textarea:focus{outline:3px solid #93b4ff;border-color:var(--pri2)}
.mut{color:var(--mut);font-size:.9rem}.row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.row>*{flex:1}.sp{justify-content:space-between}
.chip{display:inline-block;padding:3px 10px;border-radius:99px;font-size:.8rem;font-weight:700;background:#e0e9ff;color:var(--pri)}.chip.ok{background:#dcfce7;color:var(--ok)}.chip.bad{background:#fee2e2;color:var(--bad)}.chip.w{background:#fef3c7;color:var(--gold)}
.tw{overflow-x:auto;border-radius:14px;border:1px solid var(--line);background:#fff}table{border-collapse:collapse;width:100%;font-size:.9rem;white-space:nowrap}th{background:#eaf0ff;color:var(--pri);text-align:left;padding:10px 12px;position:sticky;top:0}td{padding:9px 12px;border-top:1px solid #e6ecf8}a{color:var(--pri2);font-weight:600}
.kpi{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px}.kpi>div{background:#fff;border:1px solid var(--line);border-radius:16px;padding:12px}.kpi b{display:block;font:700 1.5rem Georgia,serif;color:var(--pri)}
.lg{min-height:100vh;display:grid;place-items:center;padding:16px}.lg .card{width:min(430px,100%)}.logo{width:72px;margin:0 auto 8px;display:block;border-radius:18px;box-shadow:0 10px 24px rgba(30,58,138,.3)}.ctr{text-align:center}
.top{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.9);backdrop-filter:blur(14px);border-bottom:1px solid var(--line);padding:10px 14px;display:flex;align-items:center;gap:10px}.top b{font:700 1.05rem Georgia,serif}.top .sp{flex:1}
.tabs{display:flex;gap:6px;overflow-x:auto;padding:10px 14px;background:rgba(255,255,255,.7)}.tabs button{flex:none;border:1.5px solid var(--line);background:#fff;color:var(--ink);padding:8px 16px;border-radius:99px;font:600 .92rem inherit;cursor:pointer}.tabs button.on{background:var(--pri);color:#fff;border-color:var(--pri)}
.wrap{max-width:1040px;margin:auto;padding:0 14px 40px}
.ms{display:grid;grid-template-columns:230px 1fr;min-height:100vh}.side{background:linear-gradient(180deg,#1e3a8a,#172554);color:#fff;padding:22px 16px;position:sticky;top:0;height:100vh}.side h2{color:#fff}.side button{display:block;width:100%;text-align:left;background:none;border:0;color:#dbe7ff;padding:12px 14px;border-radius:12px;font:600 1rem inherit;cursor:pointer;margin:4px 0}.side button.on{background:rgba(255,255,255,.16);color:#fff}.mm{padding:18px;min-width:0}
.sa{max-width:480px;margin:auto;padding:0 12px 96px}.bn{position:fixed;left:0;right:0;bottom:0;z-index:30;display:flex;justify-content:center;background:rgba(255,255,255,.94);backdrop-filter:blur(14px);border-top:1px solid var(--line);padding:6px 6px calc(6px + env(safe-area-inset-bottom))}.bn>div{display:flex;width:100%;max-width:480px}.bn button{flex:1;border:0;background:none;padding:7px 2px;font:600 .75rem inherit;color:var(--mut);cursor:pointer}.bn button i{display:block;font-style:normal;font-size:1.4rem}.bn button.on{color:var(--pri)}
.big{display:grid;grid-template-columns:1fr 1fr;gap:12px}.big .btn{min-height:84px;flex-direction:column;font-size:1.02rem}
.sos{position:fixed;right:14px;bottom:86px;z-index:40;width:64px;height:64px;border-radius:50%;border:0;background:#dc2626;color:#fff;font:800 1rem inherit;box-shadow:0 0 0 0 #dc2626aa;animation:pl 1.6s infinite;cursor:pointer}.sos.alert{animation:bl .6s infinite}
@keyframes pl{70%{box-shadow:0 0 0 18px #dc262600}}@keyframes bl{50%{background:#fff;color:#dc2626;box-shadow:0 0 0 14px #dc262655}}
.ov{position:fixed;inset:0;z-index:100;background:rgba(11,27,58,.55);display:grid;place-items:center;padding:14px;backdrop-filter:blur(4px)}.ov>.card{width:min(520px,100%);max-height:92vh;overflow:auto;margin:0}
video{width:100%;border-radius:14px;background:#000;max-height:60vh}.ph{width:100%;border-radius:14px;margin-top:8px}.th{width:54px;height:54px;border-radius:10px;object-fit:cover;border:1px solid var(--line)}
#toast{position:fixed;left:50%;bottom:90px;transform:translate(-50%,30px);opacity:0;transition:.3s;background:var(--ink);color:#fff;padding:12px 18px;border-radius:14px;z-index:200;max-width:90vw;pointer-events:none}#toast.on{opacity:1;transform:translate(-50%,0)}
#busy{position:fixed;top:0;left:0;right:0;height:4px;z-index:300;overflow:hidden}#busy i{display:block;height:100%;width:35%;background:var(--gold);animation:ld 1s infinite}@keyframes ld{from{transform:translateX(-100%)}to{transform:translateX(300%)}}
.alertbar{background:#fee2e2;border:2px solid #dc2626;color:#7f1d1d;padding:12px;border-radius:14px;font-weight:700;animation:bl2 .8s infinite}@keyframes bl2{50%{background:#fff}}
@media(max-width:780px){.ms{grid-template-columns:1fr}.side{position:static;height:auto;display:flex;gap:6px;overflow-x:auto;padding:10px}.side h2{display:none}.side button{width:auto;white-space:nowrap}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}