:root{--wine:#76101c;--wine2:#9b1d2b;--gold:#c7a34e;--navy:#162536;--bg:#f2f5f8;--text:#192536;--muted:#718096;--line:#dde5ee;--blue:#2574db;--green:#168b5b;--red:#d83246;--orange:#df8b21;--purple:#7557d9}
*{box-sizing:border-box}html,body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;background:var(--bg);color:var(--text)}a{text-decoration:none;color:inherit}
.shell{display:flex;min-height:100vh}.sidebar{width:252px;background:linear-gradient(180deg,#51101a,#75111e 52%,#440b13);color:#fff;position:fixed;inset:0 auto 0 0;display:flex;flex-direction:column;z-index:20;box-shadow:10px 0 28px rgba(56,6,14,.16)}
.brand{height:84px;display:flex;align-items:center;gap:11px;padding:12px 15px;border-bottom:1px solid rgba(255,255,255,.1)}.brand img{width:54px;height:54px;object-fit:contain;background:#fff;border-radius:12px;padding:4px}.brand strong{display:block;font-size:13px;letter-spacing:.08em}.brand span{font-size:12px;color:#e1c77b;letter-spacing:.08em}
.sidebar nav{padding:14px 10px;overflow:auto}.sidebar nav a{display:flex;align-items:center;gap:10px;padding:11px 12px;border-radius:10px;margin:2px 0;font-size:13px}.sidebar nav a span{width:21px;text-align:center;color:#f1d890}.sidebar nav a:hover,.sidebar nav a.active{background:rgba(255,255,255,.13);box-shadow:inset 3px 0 0 #e3c56b}.side-foot{margin-top:auto;border-top:1px solid rgba(255,255,255,.1);padding:16px;text-align:center}.side-foot small{display:block;color:#d8aab0;font-size:9px}.side-foot b{font-size:9px;color:#e6cd86}
.main{margin-left:252px;flex:1;min-width:0}.topbar{height:68px;background:#fff;border-bottom:1px solid #e3e9ef;display:flex;align-items:center;padding:0 22px;position:sticky;top:0;z-index:10}.menu-btn{display:none}.top-search{max-width:520px;flex:1;background:#f6f8fa;border:1px solid #e1e7ed;border-radius:10px;padding:9px 12px;color:#8291a5}.top-search input{width:92%;border:0;background:transparent;outline:0}.top-right{margin-left:auto;display:flex;align-items:center;gap:15px}.bell{position:relative}.bell b{position:absolute;right:-10px;top:-10px;background:#d83246;color:#fff;border-radius:20px;padding:2px 5px;font-size:9px}.profile{display:flex;gap:8px;align-items:center}.avatar{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--wine),var(--gold));color:#fff;font-weight:800}.profile strong{font-size:12px;display:block}.profile small{font-size:10px;color:#78879a}.logout{font-size:11px;border:1px solid #dde5ee;padding:7px 9px;border-radius:8px}
.page{padding:24px}.page-head{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:18px}.page-head h1{margin:0;color:#6d101b;font-size:25px}.page-head p{margin:5px 0 0;color:var(--muted);font-size:12px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:0;border-radius:9px;padding:10px 14px;font-size:12px;font-weight:800;background:#e8edf3;color:#213650;cursor:pointer}.btn.primary{background:linear-gradient(135deg,#8a1422,#67101a);color:#fff}.btn.gold{background:linear-gradient(135deg,#d4b35c,#ad8731);color:#fff}.btn.green{background:#168b5b;color:#fff}.btn.danger{background:#d83246;color:#fff}.btn.sm{padding:6px 9px;font-size:10px}
.grid{display:grid;gap:16px}.cols-5{grid-template-columns:repeat(5,1fr)}.cols-4{grid-template-columns:repeat(4,1fr)}.cols-3{grid-template-columns:repeat(3,1fr)}.cols-2{grid-template-columns:repeat(2,1fr)}
.card{background:#fff;border:1px solid var(--line);border-radius:15px;padding:18px;box-shadow:0 8px 26px rgba(28,45,67,.06)}.metric{display:flex;gap:13px;align-items:center}.metric .ico{width:48px;height:48px;border-radius:13px;display:grid;place-items:center;color:#fff;font-size:21px;background:linear-gradient(135deg,#8e1a27,#c84956)}.metric.blue .ico{background:linear-gradient(135deg,#2574db,#5da7ff)}.metric.green .ico{background:linear-gradient(135deg,#168b5b,#52c993)}.metric.orange .ico{background:linear-gradient(135deg,#df8b21,#ffc364)}.metric.purple .ico{background:linear-gradient(135deg,#7557d9,#a391ff)}.metric strong{display:block;font-size:24px}.metric small{display:block;color:#78879a}
.hero{background:linear-gradient(135deg,#5e0e18,#8b1927);color:#fff;border-radius:17px;padding:24px;display:flex;justify-content:space-between;align-items:center;margin-bottom:17px;overflow:hidden;position:relative}.hero:after{content:"⚙";position:absolute;right:25px;font-size:120px;color:rgba(255,255,255,.06)}.hero h1{margin:4px 0}.hero p{margin:0;color:#f2ccd1;font-size:12px}.eyebrow{font-size:10px;color:#e7cb7a;letter-spacing:.12em}.hero-badge{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.13);padding:10px 14px;border-radius:11px;z-index:1}
.table-wrap{overflow:auto}.table{width:100%;border-collapse:collapse;font-size:12px}.table th{text-align:left;border-bottom:1px solid var(--line);padding:10px 8px;color:#6d7c90;text-transform:uppercase;font-size:9px;letter-spacing:.05em}.table td{padding:11px 8px;border-bottom:1px solid #edf1f4;vertical-align:middle}.table tr:hover td{background:#fbfcfd}
.badge{display:inline-flex;padding:4px 8px;border-radius:999px;font-size:9px;font-weight:800;background:#eef2f6;color:#5c6b7c}.badge.blue{background:#e8f2ff;color:#2167b8}.badge.green{background:#e6f7ef;color:#0e8052}.badge.red{background:#ffe9ec;color:#bd2237}.badge.orange,.badge.amber{background:#fff1dc;color:#a96508}.badge.purple{background:#f0ebff;color:#6043bd}.badge.gray{background:#eef1f4;color:#606b78}
.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.field{display:flex;flex-direction:column;gap:6px}.field.full{grid-column:1/-1}.field label{font-size:10px;text-transform:uppercase;letter-spacing:.04em;color:#526176;font-weight:800}.field input,.field select,.field textarea{border:1px solid #ced8e3;border-radius:9px;padding:10px 11px;font:inherit;font-size:12px;background:#fff;outline:none}.field textarea{min-height:100px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{border-color:#a63b48;box-shadow:0 0 0 3px #faecee}
.alert{padding:11px 13px;border-radius:9px;margin-bottom:14px;font-size:12px}.alert.success{background:#e8f8f1;color:#0f704c}.alert.error{background:#ffe8eb;color:#b02034}.alert.info{background:#e8f3ff;color:#2364a7}.split{display:grid;grid-template-columns:2fr 1fr;gap:16px}.timeline{border-left:2px solid #e0e6ed;padding-left:18px;margin-left:6px}.timeline-item{position:relative;margin-bottom:15px}.timeline-item:before{content:"";position:absolute;width:10px;height:10px;background:#8a1422;border-radius:50%;left:-24px;top:4px;border:2px solid #fff;box-shadow:0 0 0 2px #e2b8bd}.muted{color:#78879a}.empty{text-align:center;padding:28px;color:#8090a2}
.photo-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:9px}.photo-grid img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:10px;border:1px solid #dfe6ed}
.login-page{min-height:100vh;display:grid;grid-template-columns:1.15fr .85fr;background:radial-gradient(circle at 18% 24%,#8f2330 0,#4d0e17 32%,#1c1116 75%,#0d0b0d 100%);color:#fff}.login-visual{padding:60px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;position:relative;overflow:hidden}.login-visual:before{content:"";position:absolute;width:440px;height:440px;border:1px solid rgba(231,203,122,.12);border-radius:50%;box-shadow:0 0 0 80px rgba(255,255,255,.015),0 0 0 160px rgba(255,255,255,.01)}.login-visual img{width:160px;background:#fff;border-radius:22px;padding:12px;z-index:1;box-shadow:0 18px 50px rgba(0,0,0,.3)}.login-visual h1{font-size:38px;margin:20px 0 6px;z-index:1}.login-visual p{max-width:520px;color:#e6c7cb;z-index:1}.login-tags{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;z-index:1}.login-tags span{font-size:10px;border:1px solid rgba(255,255,255,.18);padding:7px 10px;border-radius:20px;color:#f1d98e}.login-panel{background:#f6f8fa;color:var(--text);display:flex;align-items:center;justify-content:center;padding:40px}.login-card{width:100%;max-width:430px;background:#fff;border-radius:20px;padding:30px;box-shadow:0 25px 70px rgba(27,31,35,.18);border:1px solid #e4e9ee}.login-card h2{margin:0;color:#6d101b;font-size:25px}.login-card .btn{width:100%;margin-top:8px}.login-note{text-align:center;font-size:10px;color:#8a96a5;margin-top:16px}
.os-paper{background:#fff;max-width:800px;margin:auto;padding:18mm 17mm;color:#111}.paper-head{display:flex;align-items:center;gap:18px;border-bottom:1px solid #aaa;padding-bottom:10px}.paper-head img{width:76px}.paper-head h3{margin:0;color:#111}.paper-head p{margin:3px 0;font-size:10px}.paper-title{text-align:center;margin:20px 0;font-weight:800;font-size:18px}.paper-meta{display:grid;grid-template-columns:repeat(2,1fr);gap:7px;font-size:11px;border-bottom:1px solid #aaa;padding-bottom:12px}.paper-section{margin-top:16px}.paper-section h4{color:#78101d;margin:0 0 7px}.paper-section p{font-size:11px;line-height:1.5}.signature-row{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-top:45px}.signature{text-align:center;border-top:1px solid #555;padding-top:6px;font-size:10px}
@media print{body{background:#fff}.sidebar,.topbar,.page-head,.no-print,.btn{display:none!important}.main{margin:0}.page{padding:0}.os-paper{max-width:none;margin:0;padding:12mm 15mm;box-shadow:none;border:0}@page{size:A4;margin:0}}
@media(max-width:1050px){.cols-5{grid-template-columns:repeat(2,1fr)}.cols-4{grid-template-columns:repeat(2,1fr)}.split{grid-template-columns:1fr}}
@media(max-width:800px){.sidebar{transform:translateX(-100%);transition:.2s}.nav-open .sidebar{transform:translateX(0)}.main{margin-left:0}.menu-btn{display:block;border:0;background:transparent;font-size:20px}.top-search{display:none}.page{padding:15px}.cols-5,.cols-4,.cols-3,.cols-2,.form-grid{grid-template-columns:1fr}.login-page{grid-template-columns:1fr}.login-visual{padding:38px 20px}.login-visual img{width:120px}.login-panel{padding:20px}.photo-grid{grid-template-columns:repeat(2,1fr)}}

.public-request-page{min-height:100vh;background:radial-gradient(circle at 10% 15%,#8d1b29 0,#5b0f1a 28%,#1c1116 72%,#0b0a0b 100%);padding:28px;color:#fff}
.public-wrap{max-width:1180px;margin:0 auto}.public-brand{display:flex;align-items:center;gap:12px;margin-bottom:28px}.public-brand img{width:62px;height:62px;object-fit:contain;background:#fff;border-radius:13px;padding:5px}.public-brand strong{display:block;font-size:14px;letter-spacing:.08em}.public-brand span{display:block;color:#e5cb7d;font-size:12px}
.public-grid{display:grid;grid-template-columns:1fr 1fr;gap:38px;align-items:center}.public-intro{padding:30px 10px}.public-intro h1{font-size:44px;line-height:1.05;margin:10px 0 15px;max-width:560px}.public-intro>p{font-size:15px;line-height:1.7;color:#e6c8cc;max-width:580px}.public-steps{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:25px 0}.public-steps div{display:flex;align-items:center;gap:10px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.05);border-radius:12px;padding:12px}.public-steps b{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#d1ae55;color:#4d0e17}.public-steps span{font-size:12px}.public-security{font-size:11px;color:#e4c8cb}
.public-form-card{background:#fff;color:var(--text);padding:28px;border-radius:20px;box-shadow:0 30px 80px rgba(0,0,0,.28)}.public-form-card h2{margin:0;color:#70101b;font-size:25px}.public-submit{width:100%;margin-top:8px}.public-footer{text-align:center;color:#c9aeb2;font-size:9px;margin-top:25px}.request-success{text-align:center;padding:20px}.success-icon{width:72px;height:72px;margin:0 auto 15px;border-radius:50%;display:grid;place-items:center;background:#e5f7ed;color:#138151;font-size:35px;font-weight:900}.request-protocol{display:inline-block;padding:10px 15px;background:#f4f6f8;border-radius:9px;color:#6f111d;font-size:17px;letter-spacing:.05em}
@media(max-width:800px){.public-request-page{padding:16px}.public-grid{grid-template-columns:1fr}.public-intro{padding:10px 0}.public-intro h1{font-size:33px}.public-steps{grid-template-columns:1fr}.public-form-card{padding:20px}}