@font-face{font-family:CIRO;src:url('/CIRO.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap}
:root{font-family:CIRO,'Cairo',Tahoma,Arial,sans-serif;color:#17263b;background:#f3f6fb;font-synthesis:none;text-rendering:optimizeLegibility;--navy:#102642;--navy2:#173d68;--blue:#2868a7;--teal:#17a9a5;--ink:#17263b;--muted:#718198;--line:#e2e9f2;--paper:#fff;--bg:#f3f6fb;--shadow:0 8px 28px rgba(22,48,79,.06);--radius:18px}
*{box-sizing:border-box;font-family:CIRO,'Cairo',Tahoma,Arial,sans-serif}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background:radial-gradient(ellipse at 90% 0%,#e2edf8 0,transparent 36%),var(--bg);color:var(--ink);line-height:1.7;font-size:15px}a{color:var(--blue);text-underline-offset:3px}button,input,select,textarea{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #56cfca;outline-offset:2px}::selection{background:#c9f3f0;color:var(--navy)}
.wrap,.layout,.app-shell{width:min(1500px,100%);margin-inline:auto;padding:clamp(14px,2.5vw,34px)}
.top,.topbar,.app-header{position:relative;isolation:isolate;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;color:#fff;background:linear-gradient(120deg,#102642 0%,#173d68 68%,#205783 100%);border:1px solid #234c72;border-radius:22px;padding:20px 24px;margin:0 0 28px;box-shadow:0 14px 34px rgba(16,38,66,.16);overflow:hidden}.top:after,.topbar:after,.app-header:after{content:"";position:absolute;z-index:-1;left:-45px;top:-110px;width:250px;height:250px;border:1px solid #ffffff25;border-radius:50%;box-shadow:0 0 0 28px #ffffff0c,0 0 0 58px #ffffff08;pointer-events:none}.brand{color:#fff;font-weight:900;font-size:1.12rem;letter-spacing:.02em}.brand span{color:#a7e7e1}.muted,.userline{color:var(--muted);font-size:.9rem}.top .muted,.topbar .muted,.app-header .muted,.top .userline,.topbar .userline,.app-header .userline{color:#c8d8e9}.nav,.menu{display:flex;align-items:center;gap:7px;flex-wrap:wrap;position:relative;z-index:1}.nav .btn,.menu a,.menu button,.top .logout,.topbar .logout,.app-header .logout,.top nav>form button,.topbar nav>form button,.app-header nav>form button{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:8px 13px;border:1px solid #ffffff2c;border-radius:11px;background:#ffffff12;color:#f5fbff;text-decoration:none;font-size:.88rem;font-weight:750;white-space:nowrap;box-shadow:none}.nav .btn:hover,.menu a:hover,.menu button:hover,.top nav>form button:hover,.topbar nav>form button:hover,.app-header nav>form button:hover{background:#ffffff22}.nav .active,.menu a.active{background:var(--teal);border-color:var(--teal);color:#092d3a}.top form,.topbar form,.app-header form{margin:0}
h1,h2,h3{color:var(--ink);line-height:1.35}h1{font-size:clamp(1.65rem,2.5vw,2.25rem);font-weight:900;letter-spacing:-.03em;margin:0 0 8px}h2{font-size:1.18rem;font-weight:850}main>p,.layout>p,.wrap>p{color:var(--muted);margin:0 0 22px}.page-head{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;flex-wrap:wrap;margin:0 0 22px}.page-head h1{margin:0 0 6px}.section-title{font-size:1.2rem;font-weight:850;margin:30px 0 14px}.section-title a{font-size:.88rem;font-weight:700;text-decoration:none;margin-inline-start:8px}
.grid,.content-grid{display:grid;grid-template-columns:minmax(280px,360px) minmax(0,1fr);gap:20px;align-items:start}.panel,.stat,.quicklink,.table-wrap{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.panel{padding:22px;min-width:0}.panel h2{font-size:1.12rem;font-weight:850;margin:0 0 18px;padding-bottom:13px;border-bottom:1px solid #edf1f6}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:0 0 22px}.stat{position:relative;overflow:hidden;padding:19px 20px}.stat:before{content:"";position:absolute;inset:0 0 auto;height:4px;background:linear-gradient(90deg,var(--teal),#6ca7e4)}.stat-label{color:var(--muted);font-size:.88rem;font-weight:700;line-height:1.55}.stat-value{color:var(--navy2);font-size:clamp(1.65rem,2.3vw,2.1rem);font-weight:900;line-height:1.2;margin-top:9px;font-variant-numeric:tabular-nums}.quicklinks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.quicklink{position:relative;display:block;min-height:120px;padding:20px;color:var(--navy);text-decoration:none;font-weight:850;transition:transform .18s,box-shadow .18s}.quicklink:before{content:"";display:block;width:40px;height:4px;border-radius:8px;background:var(--teal);margin-bottom:14px}.quicklink:after{content:"↖";position:absolute;left:17px;top:15px;color:#168f94;font-size:1.05rem}.quicklink small{display:block;color:var(--muted);font-weight:500;margin-top:7px;line-height:1.7}.quicklink:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(24,47,76,.1)}
.field{display:grid;gap:7px;margin-bottom:15px}.field label{color:#344a62;font-weight:750;font-size:.91rem}.field input,.field select,.field textarea,.filter input,.filter select,.search input,.inlineform input,.inlineform select,input:not([type=checkbox]):not([type=hidden]),select,textarea{max-width:100%;border:1px solid #d5dfeb;border-radius:11px;background:#fff;color:var(--ink);padding:11px 12px;min-height:44px;box-shadow:inset 0 1px 1px #122b4705}.field textarea,textarea{min-height:94px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus,.search input:focus,input:focus,select:focus,textarea:focus{border-color:#43a7b2;box-shadow:0 0 0 3px #12b8b01b;outline:none}.field input[type=checkbox],input[type=checkbox]{width:18px;height:18px;min-height:18px;accent-color:var(--teal)}
button,.btn,.primary,.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;padding:10px 16px;border:1px solid #d6e0eb;border-radius:11px;background:#fff;color:#334a63;font-weight:800;text-decoration:none;box-shadow:none;transition:transform .18s,box-shadow .18s,background .18s}.primary,.btn-primary,.btn.primary,button.primary{background:linear-gradient(135deg,#1d5d98,#17385f);color:#fff;border-color:#1d5d98}.primary:hover,.btn-primary:hover,.btn.primary:hover,button.primary:hover{box-shadow:0 8px 18px #17385f28;transform:translateY(-1px)}form{min-width:0}.search,.filter{display:flex;gap:9px;align-items:center;flex-wrap:wrap;margin-bottom:15px}.search input,.filter input{flex:1 1 220px;min-width:0}.filter select{flex:0 1 200px}.twocol{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.table-wrap{overflow:auto;overscroll-behavior-x:contain;width:100%}.table{width:100%;border-collapse:separate;border-spacing:0;min-width:680px}.table th,.table td{padding:14px 15px;text-align:right;vertical-align:middle;border-bottom:1px solid #edf1f6;line-height:1.65}.table th{background:#f0f5fa;color:#50647b;font-size:.84rem;font-weight:850;white-space:nowrap}.table tbody tr{background:#fff}.table tbody tr:hover{background:#f6fbfd}.table tr:last-child td{border-bottom:0}.pill,.state{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:5px 10px;background:#e8f2ff;color:#1e5b91;font-size:.83rem;font-weight:800;white-space:nowrap}.state.on{background:#e5f7ee;color:#16734a}.state.off{background:#fff0ef;color:#a52e2a}.alert,.notice,.no-data{padding:13px 16px;border-radius:12px;margin:13px 0}.alert.ok{background:#eaf9f1;border:1px solid #b8e9ce;color:#176b45}.alert.err{background:#fff0f0;border:1px solid #f0c5c5;color:#9e3030}.notice{background:#fff8e9;border:1px solid #f4dfb0}.no-data{background:#f8fafc;border:1px dashed #cbd7e5;color:#64748b}.empty{padding:30px 18px;text-align:center;color:var(--muted)}.small,.tip,.priority{color:var(--muted);font-size:.83rem}.edit-form{gap:8px}.edit-form button{white-space:nowrap}
@media(max-width:1050px){.grid,.content-grid{grid-template-columns:minmax(0,1fr)}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.quicklinks{grid-template-columns:repeat(2,minmax(0,1fr))}.app-header,.top,.topbar{align-items:flex-start}}
@media(max-width:650px){body{font-size:14px}.wrap,.layout,.app-shell{padding:12px}.top,.topbar,.app-header{padding:17px;border-radius:17px;margin-bottom:20px;gap:14px}.brand{font-size:1rem}.nav,.menu{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;gap:7px}.nav .btn,.menu a,.menu button,.top nav>form button,.topbar nav>form button,.app-header nav>form button{width:100%;min-width:0;white-space:normal;text-align:center;font-size:.82rem;padding:9px 7px}.nav form,.menu form{width:100%;min-width:0}.page-head{margin-bottom:17px}.page-head h1,h1{font-size:1.55rem}.stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:16px}.stat{padding:15px 13px;border-radius:14px}.stat-value{font-size:1.55rem}.stat-label{font-size:.78rem}.panel{padding:15px;border-radius:15px}.panel h2{font-size:1.02rem;margin-bottom:14px}.quicklinks{grid-template-columns:minmax(0,1fr);gap:10px}.quicklink{min-height:0;padding:15px 16px;padding-left:42px}.quicklink:before{margin-bottom:9px}.quicklink:after{left:14px;top:14px}.grid,.content-grid{gap:14px}.twocol{grid-template-columns:minmax(0,1fr)}.field input,.field select,.field textarea,input,select,textarea{font-size:16px;min-height:45px}.search,.filter{display:grid;grid-template-columns:minmax(0,1fr);width:100%}.search input,.filter input,.filter select,.search button,.filter button{width:100%;min-width:0}.table-wrap{border-radius:13px}.table{min-width:680px}.table th,.table td{padding:11px 12px}.edit-form{min-width:570px}.section-title{font-size:1.1rem;margin:24px 0 12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none}}