:root{--sk-navy:#071b4b;--sk-blue:#0a7fbe;--sk-cyan:#19aee4;--sk-gold:#f6b900;--sk-orange:#f59e0b;--sk-green:#20a567;--sk-red:#dc3545;--bg:#f5f7fb;--surface:#fff;--surface2:#f8fafc;--text:#172033;--muted:#687387;--border:#dde4ef;--border2:#cbd5e1;--shadow:0 16px 40px rgba(10,35,75,.09);--sidebar:#fff;--topbar:rgba(255,255,255,.94);--input:#fff}
body[data-theme=dark]{--bg:#07111f;--surface:#0d1d2f;--surface2:#10243a;--text:#f5f8fc;--muted:#9cb0c4;--border:#20364c;--border2:#2a4662;--shadow:0 18px 48px rgba(0,0,0,.28);--sidebar:#081728;--topbar:rgba(8,23,40,.94);--input:#0a1a2b}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;background:var(--bg);color:var(--text);min-height:100vh}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit}.sk-shell{display:grid;grid-template-columns:258px minmax(0,1fr);min-height:100vh}.sk-sidebar{position:sticky;top:0;height:100vh;overflow:auto;background:var(--sidebar);border-right:1px solid var(--border);padding:18px 14px;z-index:30}.sk-brand{display:flex;align-items:center;padding:5px 8px 17px;border-bottom:1px solid var(--border);margin-bottom:14px;text-decoration:none}.sk-brand img{width:150px;max-height:58px;object-fit:contain;object-position:left center}.sk-nav-label{font-size:10px;text-transform:uppercase;letter-spacing:1.2px;color:var(--muted);font-weight:900;padding:10px 11px 6px}.sk-nav{display:flex;flex-direction:column;gap:4px}.sk-nav a{display:flex;align-items:center;gap:10px;text-decoration:none;border:1px solid transparent;border-radius:12px;padding:10px 11px;color:var(--muted);font-size:13px;font-weight:750}.sk-nav a:hover{background:rgba(10,127,190,.08);color:var(--text)}.sk-nav a.active{color:var(--sk-navy);background:linear-gradient(90deg,rgba(246,185,0,.16),rgba(10,127,190,.08));border-color:rgba(10,127,190,.15);box-shadow:inset 3px 0 0 var(--sk-gold)}body[data-theme=dark] .sk-nav a.active{color:#fff3bd}.sk-nav .ico{width:22px;text-align:center}.sk-sidebar-footer{margin-top:20px;border-top:1px solid var(--border);padding-top:14px}.sk-main{min-width:0}.sk-topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:12px;min-height:74px;padding:12px 24px;background:var(--topbar);backdrop-filter:blur(14px);border-bottom:1px solid var(--border)}.sk-top-title{flex:1}.sk-top-title h1{margin:0;font-size:20px}.sk-top-title p{margin:3px 0 0;font-size:11px;color:var(--muted)}.sk-content{max-width:1550px;margin:0 auto;padding:24px}.sk-icon-btn,.sk-btn{border-radius:11px;border:1px solid var(--border2);background:var(--surface);color:var(--text);min-height:40px}.sk-icon-btn{width:42px}.sk-btn{padding:0 14px;font-weight:800}.sk-btn.primary{border:0;background:linear-gradient(135deg,var(--sk-blue),var(--sk-cyan));color:#fff}.sk-btn.gold{border:0;background:linear-gradient(135deg,var(--sk-gold),var(--sk-orange));color:#332200}.sk-btn.danger{color:#b4232d;border-color:rgba(220,53,69,.28);background:rgba(220,53,69,.06)}body[data-theme=dark] .sk-btn.danger{color:#ffb4ba}.sk-card{background:var(--surface);border:1px solid var(--border);border-radius:18px;box-shadow:var(--shadow);padding:18px}.sk-card.flat{box-shadow:none}.sk-grid{display:grid;gap:16px}.sk-grid.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sk-grid.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sk-grid.cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.sk-kpi strong{font-size:28px;display:block}.sk-kpi span{font-size:11px;color:var(--muted)}.kpi-head{display:flex;justify-content:space-between;color:var(--muted);font-size:11px;font-weight:800;margin-bottom:10px}.sk-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:18px}.sk-section-head h2,.sk-section-head h3{margin:0 0 5px}.sk-section-head p{margin:0;color:var(--muted);font-size:12px}.sk-form-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:12px}.sk-field{grid-column:span 6}.sk-field.s12{grid-column:span 12}.sk-field.s8{grid-column:span 8}.sk-field.s4{grid-column:span 4}.sk-field.s3{grid-column:span 3}.sk-field label{display:block;font-size:11px;font-weight:850;color:var(--muted);margin-bottom:6px}.sk-field input,.sk-field select,.sk-field textarea{width:100%;border:1px solid var(--border2);background:var(--input);color:var(--text);border-radius:11px;outline:none;padding:0 11px}.sk-field input,.sk-field select{height:44px}.sk-field textarea{min-height:92px;padding-top:10px;resize:vertical}.sk-field input:focus,.sk-field select:focus,.sk-field textarea:focus{border-color:var(--sk-blue);box-shadow:0 0 0 3px rgba(10,127,190,.10)}.sk-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:16px}.sk-toolbar{display:flex;gap:9px;align-items:center;flex-wrap:wrap;margin-bottom:14px}.sk-toolbar input,.sk-toolbar select{height:40px;border:1px solid var(--border2);border-radius:10px;background:var(--input);color:var(--text);padding:0 10px}.sk-toolbar input{min-width:260px;flex:1}.sk-list{display:flex;flex-direction:column;gap:8px}.sk-list-item{border:1px solid var(--border);border-radius:13px;padding:12px;background:var(--surface2)}.sk-list-item h4{margin:0 0 4px;font-size:13px}.sk-list-item p{margin:0;color:var(--muted);font-size:10px;line-height:1.45}.sk-list-actions{display:flex;gap:7px;margin-top:9px;flex-wrap:wrap}.sk-list-actions button{min-height:32px;padding:0 10px}.sk-empty{padding:28px;border:1px dashed var(--border2);border-radius:14px;text-align:center;color:var(--muted);font-size:12px}.sk-badge{display:inline-flex;align-items:center;border-radius:999px;padding:4px 8px;border:1px solid var(--border);background:var(--surface2);font-size:9px;font-weight:850}.sk-badge.blue{color:var(--sk-blue);border-color:rgba(10,127,190,.25);background:rgba(10,127,190,.08)}.sk-badge.gold{color:#8a6500;border-color:rgba(246,185,0,.35);background:rgba(246,185,0,.12)}body[data-theme=dark] .sk-badge.gold{color:#ffe48c}.sk-badge.green{color:#168052;border-color:rgba(32,165,103,.25);background:rgba(32,165,103,.08)}.sk-badge.red{color:#b4232d;border-color:rgba(220,53,69,.25);background:rgba(220,53,69,.08)}.sk-message{display:none;padding:10px 12px;border-radius:11px;margin:12px 0;font-size:12px}.sk-message.show{display:block}.sk-message.success{background:rgba(32,165,103,.09);border:1px solid rgba(32,165,103,.25);color:#168052}.sk-message.error{background:rgba(220,53,69,.08);border:1px solid rgba(220,53,69,.24);color:#b4232d}.sk-summary{display:flex;flex-wrap:wrap;gap:8px}.sk-summary .item{padding:10px 12px;border:1px solid var(--border);border-radius:12px;background:var(--surface2);min-width:130px}.sk-summary .item b{display:block;font-size:16px}.sk-summary .item span{font-size:9px;color:var(--muted);text-transform:uppercase}.sk-wizard{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:16px}.sk-step{border:1px solid var(--border);background:var(--surface);color:var(--muted);padding:8px 10px;border-radius:999px;font-size:10px;font-weight:850}.sk-step.active{background:linear-gradient(90deg,rgba(246,185,0,.16),rgba(10,127,190,.10));color:var(--text);border-color:rgba(10,127,190,.22)}.sk-panel{display:none}.sk-panel.active{display:block}.sk-note{font-size:11px;line-height:1.55;color:var(--muted);padding:10px 12px;border-radius:11px;background:var(--surface2);border:1px solid var(--border)}.sk-divider{border:0;border-top:1px solid var(--border);margin:16px 0}.sk-table-wrap{overflow:auto;border:1px solid var(--border);border-radius:14px}.sk-table{width:100%;border-collapse:collapse;min-width:680px}.sk-table th,.sk-table td{padding:11px 12px;border-bottom:1px solid var(--border);text-align:left;font-size:12px}.sk-table th{font-size:10px;text-transform:uppercase;color:var(--muted);background:var(--surface2)}.sk-mobile-menu{display:none}@media(max-width:980px){.sk-shell{grid-template-columns:1fr}.sk-sidebar{position:fixed;left:-280px;width:258px;transition:.2s}.sk-sidebar.open{left:0;box-shadow:20px 0 50px rgba(0,0,0,.22)}.sk-mobile-menu{display:inline-grid;place-items:center}.sk-grid.cols-4{grid-template-columns:repeat(2,minmax(0,1fr))}.sk-grid.cols-3{grid-template-columns:1fr 1fr}.sk-content{padding:18px}.sk-topbar{padding:10px 16px}}@media(max-width:700px){.sk-grid.cols-2,.sk-grid.cols-3,.sk-grid.cols-4{grid-template-columns:1fr}.sk-field,.sk-field.s3,.sk-field.s4,.sk-field.s8,.sk-field.s12{grid-column:span 12}.sk-content{padding:14px}.sk-top-title p{display:none}.sk-toolbar input{min-width:100%}}
