@import"https://fonts.googleapis.com/css2?family=Cairo:wght@400;500;600;700;800&display=swap";:root{font-family:Cairo,Tahoma,sans-serif;color:#172b42;background:#f4f7fb;font-synthesis:none;text-rendering:optimizeLegibility;font-weight:400}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select,textarea{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh;display:flex}.sidebar{width:255px;background:#102b46;color:#d8e4ef;padding:28px 18px;display:flex;flex-direction:column;flex-shrink:0}.brand{display:flex;align-items:center;gap:12px;padding:0 8px 34px}.brand-mark,.login-logo{width:46px;height:46px;border-radius:14px;background:#d7a94b;color:#102b46;display:grid;place-items:center}.brand strong{display:block;color:#fff;font-size:16px;letter-spacing:.2px}.brand small{display:block;color:#a9bdcf;font-size:10px;margin-top:2px}.side-label{font-size:11px;color:#8099b0;padding:0 12px 12px}.nav-item{display:flex;align-items:center;gap:12px;padding:12px;border-radius:10px;font-size:13px;color:#b9cad9;margin-bottom:5px}.nav-item.active{background:#1d4567;color:#fff}.soon{font-size:9px;margin-right:auto;color:#e1bd73}.sidebar-bottom{margin-top:auto;border-top:1px solid #2a4965;padding:18px 8px 0;display:flex;gap:8px;align-items:center;font-size:10px;color:#a9bdcf}.main-content{flex:1;min-width:0;padding:28px 34px}.topbar{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e4eaf1;padding-bottom:22px}.eyebrow{font-size:10px;font-weight:800;letter-spacing:1.2px;color:#a47a2e}.topbar h1{font-size:22px;margin:4px 0 0;font-weight:800}.user-area{display:flex;align-items:center;gap:10px}.avatar{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#e7edf4;color:#284b6a}.user-copy strong,.user-copy small{display:block}.user-copy strong{font-size:12px}.user-copy small{font-size:10px;color:#8493a2}.icon-button{border:0;background:transparent;color:#66798d;padding:8px;border-radius:8px;display:grid;place-items:center}.icon-button:hover{background:#edf1f5}.welcome-row{display:flex;justify-content:space-between;align-items:center;margin:25px 0 20px}.welcome-row h2{font-size:18px;margin:0 0 4px}.welcome-row p,.panel-heading p{font-size:11px;color:#8492a2;margin:0}.button{border:0;border-radius:9px;padding:10px 16px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:12px;font-weight:700}.button:disabled{opacity:.5;cursor:not-allowed}.button-primary{background:#173e60;color:#fff;box-shadow:0 4px 10px #173e6020}.button-primary:hover{background:#24577e}.button-light{background:#f0f3f7;color:#496078}.stats-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:13px;margin-bottom:20px}.stat-card{background:#fff;border:1px solid #e9eef4;border-radius:13px;padding:16px;display:flex;align-items:center;gap:12px;min-width:0}.stat-icon{width:38px;height:38px;border-radius:11px;background:#edf3f8;color:#315d7e;display:grid;place-items:center;flex-shrink:0}.stat-icon svg{width:19px}.stat-icon.warning{background:#fff5df;color:#c28b27}.stat-icon.danger{background:#fff0ed;color:#c15b4d}.stat-card span{display:block;color:#8794a2;font-size:10px}.stat-card strong{display:block;font-size:21px;line-height:1.35;margin-top:2px}.panel{background:#fff;border:1px solid #e8edf3;border-radius:14px;padding:20px;box-shadow:0 4px 16px #1c36500a}.panel-heading{display:flex;justify-content:space-between;align-items:center}.panel-heading h3{font-size:15px;margin:0 0 3px}.filters{display:flex;gap:10px;margin:18px 0 14px}.search-box,.select-wrap{height:42px;border:1px solid #e4eaf0;border-radius:9px;display:flex;align-items:center;gap:8px;padding:0 12px;color:#8292a2;background:#fff}.search-box{flex:1}.search-box input{border:0;outline:0;flex:1;min-width:0;font-size:11px;color:#34495e}.select-wrap select{border:0;outline:0;background:transparent;color:#52677c;font-size:11px;min-width:110px;-webkit-appearance:none;-moz-appearance:none;appearance:none}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;white-space:nowrap;text-align:right}th{font-size:10px;color:#8593a2;background:#f8fafc;padding:12px 10px;font-weight:700}td{font-size:11px;padding:12px 10px;border-bottom:1px solid #f0f3f6;color:#536579}tbody tr:hover{background:#fbfcfe}.item-cell{display:flex;align-items:center;gap:9px}.item-cell img,.item-placeholder{width:34px;height:34px;object-fit:cover;border-radius:8px;background:#eef3f7}.item-placeholder{display:grid;place-items:center;color:#7890a5}.item-cell strong,.item-cell small{display:block}.item-cell strong{color:#263d54;font-size:11px}.item-cell small{color:#9aa6b2;font-size:9px;margin-top:2px}.numeric{font-weight:700;color:#304b65}.number-pill{display:inline-block;min-width:25px;text-align:center;padding:3px 7px;border-radius:6px;font-weight:700}.number-pill.warning{background:#fff4df;color:#b27d1f}.number-pill.danger{background:#fff0ed;color:#b85649}.available{color:#25815f}.actions{display:flex;gap:3px}.small-action{border:0;background:#f1f5f8;color:#567087;width:29px;height:29px;border-radius:7px;display:grid;place-items:center}.small-action:disabled{opacity:.4;cursor:not-allowed}.danger-action{color:#b85c51;background:#fff2ef}.empty-state{height:150px;text-align:center;color:#8a9aaa}.empty-state svg{display:block;margin:0 auto 7px}.empty-state strong,.empty-state span{display:block}.empty-state strong{color:#52677b}.empty-state span{font-size:10px;margin-top:3px}.table-footer{display:flex;justify-content:space-between;color:#9aa6b2;font-size:10px;padding-top:13px}.footer{text-align:center;color:#9ba8b4;font-size:10px;padding:22px}.footer span{padding:0 6px;color:#d0a54d}.alert{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:9px;font-size:11px;margin:12px 0}.alert button{margin-right:auto;border:0;background:transparent;color:inherit}.alert-error{background:#fff0ee;color:#a84d43}.alert-success{background:#eaf7f0;color:#277552}.login-screen{min-height:100vh;display:grid;place-items:center;padding:20px;background:radial-gradient(circle at 15% 10%,#e8eff5,transparent 35%),#f3f6fa}.login-card{width:min(100%,420px);background:#fff;border:1px solid #e7edf3;border-radius:18px;padding:34px;box-shadow:0 15px 45px #183b5912}.login-logo{margin-bottom:22px;width:54px;height:54px}.login-card h1{font-size:25px;margin:5px 0}.login-card>p{font-size:12px;color:#8492a2;margin:0 0 24px}.field{display:flex;flex-direction:column;gap:6px;font-size:11px;font-weight:700;color:#53677b;margin-bottom:14px}.field input,.field select,.field textarea{width:100%;border:1px solid #e0e7ee;border-radius:8px;padding:10px 11px;outline:none;font-size:12px;color:#30465c;background:#fff}.field input:focus,.field select:focus,.field textarea:focus{border-color:#7393ad;box-shadow:0 0 0 3px #dce8f1}.login-button{width:100%;margin-top:5px}.login-note{display:block;text-align:center;color:#9aa6b2;font-size:10px;margin-top:18px}.setup-steps{background:#f7f9fb;padding:14px;border-radius:10px;font-size:11px;color:#566c80}.setup-steps ol{padding-right:18px;margin-bottom:0}.setup-steps li{margin:6px 0}.setup-steps code{direction:ltr;display:inline-block;color:#9b742e}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#102b4677;display:grid;place-items:center;padding:18px;z-index:5}.modal{width:min(100%,650px);max-height:92vh;overflow:auto;background:#fff;border-radius:16px;padding:22px;box-shadow:0 20px 70px #102b4640}.modal-heading{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:18px}.modal-heading h3{margin:0;font-size:17px}.modal-heading p{margin:4px 0 0;color:#8997a5;font-size:10px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}.field.full{grid-column:1/-1}.modal-actions{display:flex;justify-content:flex-end;gap:8px;border-top:1px solid #edf1f4;padding-top:16px;margin-top:4px}@media(max-width:1100px){.stats-grid{grid-template-columns:repeat(3,1fr)}.main-content{padding:24px 20px}.sidebar{width:220px}}@media(max-width:760px){.sidebar{display:none}.main-content{padding:18px 12px}.topbar{align-items:flex-start;gap:10px}.topbar h1{font-size:17px}.user-copy{display:none}.welcome-row{align-items:flex-start;gap:12px}.welcome-row h2{font-size:15px}.welcome-row p{max-width:220px}.welcome-row .button{font-size:10px;padding:9px}.stats-grid{grid-template-columns:repeat(2,1fr);gap:8px}.stat-card{padding:12px;gap:8px}.stat-card strong{font-size:18px}.stat-icon{width:32px;height:32px}.filters{flex-wrap:wrap}.search-box{flex-basis:100%}.panel{padding:13px}.panel-heading h3{font-size:13px}.panel-heading .button{font-size:10px;padding:8px}.table-footer{font-size:9px}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.modal{padding:17px}.login-card{padding:26px 22px}}:root{color:#10213e;background:#f5f6f8}.sidebar{background:#071b3b;border-left:3px solid #a91e2b}.brand-mark,.login-logo{background:linear-gradient(135deg,#f6d77e,#c18a2e);color:#081d3e;border-radius:12px}.nav-item.active{background:linear-gradient(90deg,#8f1826,#b62532);box-shadow:inset 3px 0 #e9bd59}.eyebrow{color:#b17d25}.button-primary{background:linear-gradient(115deg,#c18b2d,#f0c65e);color:#071b3b;box-shadow:0 5px 14px #9b6b2630}.button-primary:hover{background:linear-gradient(115deg,#d19a37,#f6d47a)}.avatar{background:#f8e9c5;color:#8f1826}.stat-icon{background:#edf0f6;color:#102b53}.available{color:#9b202d}.login-screen{min-height:100vh;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(390px,.92fr);place-items:stretch;padding:0;overflow:hidden;background:#071a39}.login-showcase{position:relative;min-height:100vh;padding:48px clamp(28px,6vw,92px);overflow:hidden;display:flex;flex-direction:column;color:#fff;background:radial-gradient(ellipse at 60% 65%,#183b69,#0a2348 43%,#061631)}.login-showcase:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,transparent 0 60%,#a7192a 60.2% 64%,transparent 64.2%),linear-gradient(155deg,transparent 0 11%,#b21f2d 11.2% 14%,transparent 14.2%);opacity:.9;pointer-events:none}.showcase-ribbon{position:absolute;height:9px;background:linear-gradient(90deg,#9f1c2b,#f1c45e);transform:rotate(-25deg);opacity:.9}.ribbon-one{width:65%;top:12%;right:-18%}.ribbon-two{width:75%;bottom:13%;left:-20%;transform:rotate(155deg)}.nis-lockup{position:relative;z-index:1;display:flex;align-items:center;gap:18px;width:max-content;border-right:3px solid #e5b94e;padding-right:18px}.nis-emblem{position:relative;color:#fff;font-size:43px;font-weight:900;letter-spacing:-3px;line-height:1}.nis-emblem i{position:absolute;width:13px;height:21px;right:5px;top:-13px;background:#c52836;clip-path:polygon(50% 0,100% 70%,50% 100%,0 70%)}.nis-school-name{font-size:12px;line-height:1.25;letter-spacing:1.4px;font-weight:800;color:#e8edf7}.showcase-copy{position:relative;z-index:1;margin-top:clamp(70px,12vh,130px);max-width:620px}.showcase-kicker{font-size:11px;letter-spacing:2px;color:#e9bd59;font-weight:800}.showcase-copy h2{font-size:clamp(34px,4vw,58px);line-height:1.12;margin:18px 0;color:#fff;font-weight:800;letter-spacing:-1.4px}.showcase-copy h2 em{font-style:normal;color:#e9bd59}.showcase-copy p{font-size:15px;line-height:2;color:#c7d3e5;max-width:470px}.sports-stage{position:relative;z-index:1;height:230px;margin-top:auto;display:flex;align-items:center;justify-content:center;gap:clamp(12px,3vw,38px)}.sport-orbit{position:absolute;border:1px solid #d9ad52;border-radius:50%;transform:rotate(-18deg)}.orbit-a{width:75%;height:135px}.orbit-b{width:57%;height:185px;transform:rotate(22deg);border-color:#a82a37}.sport-ball,.sport-trophy{position:relative;filter:drop-shadow(0 12px 15px #0008);font-size:clamp(38px,5vw,65px)}.sport-trophy{font-size:clamp(48px,6vw,78px);margin-top:-65px}.ball-basket{margin-top:45px}.ball-volley{margin-top:-35px}.ball-tennis{margin-top:65px}.showcase-footer{position:relative;z-index:1;display:flex;justify-content:center;gap:15px;align-items:center;color:#f0c45d;font-size:12px;font-weight:800;letter-spacing:3px}.showcase-footer b{color:#b72a38}.login-panel{min-height:100vh;display:grid;place-items:center;padding:clamp(24px,5vw,68px);background:linear-gradient(145deg,#f8f7f3,#fff 55%,#f4eee4)}.login-card{width:min(100%,470px);padding:clamp(26px,3vw,42px);border:1px solid #e7d7b5;border-radius:22px;background:#fff;box-shadow:0 24px 70px #071b3b20;position:relative;overflow:hidden}.login-card:before{content:"";position:absolute;top:0;right:0;left:0;height:5px;background:linear-gradient(90deg,#a51d2c 0,#a51d2c 28%,#d5a13e 28%,#d5a13e)}.login-card-brand{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.login-card-brand>span{font-size:10px;letter-spacing:2px;color:#9b7a42;font-weight:800}.login-card .login-logo{width:48px;height:48px;margin:0;border-radius:14px}.login-card h1{font-size:32px;letter-spacing:-1px;color:#081d3e;margin:8px 0 3px}.login-card h1 em{font-style:normal;color:#bd8a32}.login-card>p{font-size:11px;color:#8b94a2;margin:0}.login-divider{height:1px;background:#eee4d2;margin:25px 0}.login-divider span{display:block;width:62px;height:3px;background:#a91e2b;margin-right:0;margin-top:-1px}.login-card h2{font-size:20px;color:#0b2145;margin:0 0 5px}.login-card .login-intro{font-size:11px;color:#8490a0;margin-bottom:22px}.login-card .field{color:#263c5a;font-size:11px;margin-bottom:17px}.login-card .field input{border:1px solid #dce1e8;border-radius:10px;padding:13px;background:#fbfcfe}.login-card .field input:focus{border-color:#c69a47;box-shadow:0 0 0 3px #f5e9cc}.login-button{width:100%;height:48px;margin-top:5px;border-radius:10px;font-size:13px}.login-button span{font-size:19px}.login-note{line-height:1.8;color:#8993a1}.login-signature{border-top:1px solid #eee8dd;margin-top:25px;padding-top:16px;text-align:center;color:#9b7a42;font-size:9px;letter-spacing:1.5px;font-weight:800}.login-signature span{color:#a91e2b;padding:0 5px}@media(max-width:850px){.login-screen{grid-template-columns:1fr}.login-showcase{min-height:340px;padding:28px 26px 20px}.showcase-copy{margin-top:38px}.showcase-copy h2{font-size:32px;margin:10px 0}.showcase-copy p{font-size:12px;margin:0}.sports-stage{height:95px;position:absolute;bottom:36px;left:24px;width:42%;opacity:.9}.sport-orbit{display:none}.sport-ball,.sport-trophy{font-size:30px}.showcase-footer{justify-content:flex-start;margin-top:20px;font-size:9px;letter-spacing:2px}.login-panel{min-height:auto;padding:28px 18px 42px}}@media(max-width:480px){.login-showcase{min-height:315px}.nis-emblem{font-size:35px}.nis-school-name{font-size:10px}.showcase-copy{margin-top:34px;max-width:75%}.showcase-copy h2{font-size:27px}.sports-stage{width:38%;bottom:35px;left:5px;gap:5px}.sport-ball,.sport-trophy{font-size:25px}.login-card{padding:27px 21px}}.app-shell{direction:rtl;min-height:100vh;color:#eef3fb;background:radial-gradient(ellipse at 85% 0%,#142d50 0%,transparent 36%),#07152b}.app-shell .sidebar{width:270px;min-height:100vh;padding:30px 20px;background:linear-gradient(180deg,#0b2040,#07152d);border-left:1px solid #263b5c;border-right:0;box-shadow:12px 0 35px #020a1833}.app-shell .brand{padding:0 5px 38px;border-bottom:1px solid #263957;margin-bottom:26px}.app-shell .brand-mark{width:48px;height:48px;border:1px solid #e7bf68;box-shadow:0 7px 20px #d5a13e30}.app-shell .brand strong{font-size:17px;letter-spacing:.1px}.app-shell .brand small{font-size:10px;letter-spacing:.7px;color:#9aacc6}.app-shell .side-label{color:#8195b4;font-size:10px;font-weight:800;letter-spacing:1px}.app-shell .nav-item{position:relative;min-height:47px;padding:12px 14px;border:1px solid transparent;color:#b7c5da;border-radius:11px;font-size:12px;transition:.2s}.app-shell .nav-item:hover{background:#142b4b;color:#fff;border-color:#2b4265}.app-shell .nav-item.active{background:linear-gradient(100deg,#8f1d30,#b72a3c);color:#fff;border:1px solid #d15a60;box-shadow:0 8px 22px #8f1d303d,inset 0 1px #ffffff20}.app-shell .nav-item.active:after{content:"";position:absolute;right:-20px;top:10px;height:27px;width:3px;border-radius:3px;background:#e9c36b}.app-shell .soon{color:#f0c96d}.app-shell .sidebar-bottom{border-color:#263957;color:#a6b5ca;line-height:1.8}.app-shell .sidebar-bottom svg{color:#e4b75c}.app-shell .main-content{padding:30px clamp(18px,3vw,44px);background:transparent}.app-shell .topbar{border-bottom:1px solid #263957;padding-bottom:23px}.app-shell .topbar h1{color:#f4f6fb;font-size:23px}.app-shell .eyebrow{color:#e3b75c;letter-spacing:1.7px}.app-shell .user-area{gap:12px}.app-shell .avatar{width:42px;height:42px;background:#182f50;border:1px solid #385174;color:#e9c16c}.app-shell .user-copy strong{color:#f0f4fa;font-size:12px}.app-shell .user-copy small{color:#91a2bd}.app-shell .icon-button{color:#b8c5d8}.app-shell .icon-button:hover{background:#1b3150;color:#fff}.app-shell .welcome-row{margin:30px 0 22px}.app-shell .welcome-row h2{font-size:20px;color:#f4f6fb}.app-shell .welcome-row p,.app-shell .panel-heading p{color:#98a9c1;font-size:11px}.app-shell .button{border-radius:10px;min-height:39px}.app-shell .button-primary{background:linear-gradient(110deg,#d4a447,#f0cf7a);color:#101f38;border:1px solid #f2d68d;box-shadow:0 7px 20px #d5a13e25;font-weight:800}.app-shell .button-primary:hover{background:linear-gradient(110deg,#e4b85c,#f7df9c);transform:translateY(-1px)}.app-shell .button-light{background:#172c4a;color:#dce5f2;border:1px solid #304765}.app-shell .button-light:hover{background:#203a5e;color:#fff}.app-shell .stats-grid{gap:14px;margin-bottom:22px}.app-shell .stat-card{position:relative;overflow:hidden;min-height:100px;padding:17px;background:linear-gradient(145deg,#142b4b,#0f2340);border:1px solid #2a4262;border-radius:15px;box-shadow:0 8px 22px #020a1828}.app-shell .stat-card:after{content:"";position:absolute;width:75px;height:75px;border:1px solid #ffffff0b;border-radius:50%;left:-24px;bottom:-37px}.app-shell .stat-card span{color:#9eafc7;font-size:10px}.app-shell .stat-card strong{color:#fff;font-size:23px}.app-shell .stat-icon{width:42px;height:42px;border-radius:12px;background:#203a5e;color:#e4bd68;border:1px solid #385174}.app-shell .stat-icon.warning{background:#45371f;color:#f0c56a;border-color:#6d5528}.app-shell .stat-icon.danger{background:#482632;color:#ef8b91;border-color:#703541}.app-shell .panel{padding:22px;background:linear-gradient(145deg,#112744,#0d203a);border:1px solid #2b4261;border-radius:16px;box-shadow:0 14px 38px #020a1833}.app-shell .panel-heading{padding-bottom:17px;border-bottom:1px solid #263b58}.app-shell .panel-heading h3{font-size:16px;color:#f4f6fb}.app-shell .filters{margin:17px 0}.app-shell .search-box,.app-shell .select-wrap{height:44px;background:#0a1b33;border:1px solid #304765;color:#9eafc7;border-radius:10px}.app-shell .search-box:focus-within,.app-shell .select-wrap:focus-within{border-color:#cda34f;box-shadow:0 0 0 3px #cda34f18}.app-shell .search-box input,.app-shell .select-wrap select{background:transparent;color:#e7edf7;font-size:11px}.app-shell .search-box input::placeholder{color:#7185a2}.app-shell .select-wrap select option{background:#102542;color:#fff}.app-shell table{border-collapse:separate;border-spacing:0;min-width:850px}.app-shell th{background:#1a3151;color:#aebdd1;padding:14px 12px;font-size:10px;border-top:1px solid #304765;border-bottom:1px solid #304765}.app-shell th:first-child{border-radius:0 9px 0 0}.app-shell th:last-child{border-radius:9px 0 0}.app-shell td{background:#102541;color:#c5d0df;border-bottom:1px solid #263b58;padding:13px 12px;font-size:11px}.app-shell tbody tr:hover td{background:#183252}.app-shell .item-cell strong{color:#f0f4fa;font-size:11px}.app-shell .item-cell small{color:#8fa2bd}.app-shell .item-cell img,.app-shell .item-placeholder{background:#1d3657;border:1px solid #344e70}.app-shell .item-placeholder{color:#c6a45e}.app-shell .numeric{color:#e8edf6}.app-shell .number-pill.warning{background:#4a3b20;color:#f2ca70;border:1px solid #705728}.app-shell .number-pill.danger{background:#492733;color:#f29aa0;border:1px solid #713b49}.app-shell .available{color:#e4bd68}.app-shell .small-action{background:#203958;color:#d7e1ef;border:1px solid #385273}.app-shell .small-action:hover{background:#2b4b72}.app-shell .danger-action{background:#472632;color:#f19ba0;border-color:#713d49}.app-shell .empty-state{background:#102541;color:#9bacc3;height:170px}.app-shell .empty-state strong{color:#e7edf6}.app-shell .empty-state span{color:#91a3bc}.app-shell .table-footer{color:#91a3bc;align-items:center;gap:12px;flex-wrap:wrap}.app-shell .pagination{display:flex;align-items:center;gap:9px}.app-shell .pagination span{color:#dce5f2}.app-shell .footer{color:#7185a2;padding:24px}.app-shell .footer span{color:#d8ad56}.app-shell .alert-error{background:#482632;color:#ffb0b2;border:1px solid #783b4b}.app-shell .alert-success{background:#173d39;color:#a6e2c8;border:1px solid #286657}.app-shell .alert button{color:inherit}.app-shell .modal-backdrop{background:#020918c9;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.app-shell .modal{background:#102541;color:#edf2fa;border:1px solid #385174;box-shadow:0 25px 90px #0009}.app-shell .modal-heading{border-bottom:1px solid #2a4262;padding-bottom:15px}.app-shell .modal-heading h3{color:#f4f6fb}.app-shell .modal-heading p{color:#9aacc5}.app-shell .field{color:#cbd6e5}.app-shell .field input,.app-shell .field select,.app-shell .field textarea{background:#091b33;color:#eef3fb;border:1px solid #354d6d;border-radius:9px}.app-shell .field input::placeholder,.app-shell .field textarea::placeholder{color:#7488a5}.app-shell .field input:focus,.app-shell .field select:focus,.app-shell .field textarea:focus{border-color:#d2a64e;box-shadow:0 0 0 3px #d2a64e1c}.app-shell .field select option{background:#102541;color:#fff}.app-shell .modal-actions{border-color:#2a4262}@media(max-width:1100px){.app-shell .sidebar{width:235px}.app-shell .stats-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:760px){.app-shell{display:block}.app-shell .sidebar{display:none}.app-shell .main-content{padding:17px 12px}.app-shell .topbar{align-items:center;gap:8px}.app-shell .topbar h1{font-size:16px}.app-shell .welcome-row{align-items:flex-start;gap:10px;margin:22px 0 17px}.app-shell .welcome-row h2{font-size:15px}.app-shell .welcome-row p{font-size:10px;max-width:210px}.app-shell .welcome-row .button{font-size:10px;padding:8px 10px;white-space:nowrap}.app-shell .stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.app-shell .stat-card{min-height:83px;padding:11px;gap:8px}.app-shell .stat-card strong{font-size:19px}.app-shell .stat-card span{font-size:9px}.app-shell .stat-icon{width:34px;height:34px}.app-shell .panel{padding:13px}.app-shell .panel-heading{gap:8px;align-items:center}.app-shell .panel-heading h3{font-size:13px}.app-shell .panel-heading .button{font-size:9px;padding:7px 9px}.app-shell .filters{gap:8px}.app-shell .search-box{flex-basis:100%}.app-shell .select-wrap{flex:1;min-width:0}.app-shell .select-wrap select{min-width:0;width:100%}.app-shell .table-footer{font-size:9px}.app-shell .pagination{width:100%;justify-content:space-between}.app-shell .modal{max-height:94vh}}