:root{--asil-blue:#135fd1;--asil-blue-2:#0b3b91;--asil-navy:#071d42;--asil-cyan:#16a7f5;--asil-bg:#f5f7fb;--asil-line:#e7eaf0;--asil-text:#213047;--asil-muted:#7a879b;--asil-radius:14px}
*{box-sizing:border-box}html,body{font-family:Inter,Public Sans,system-ui,-apple-system,"Segoe UI",Arial,sans-serif!important;background:var(--asil-bg);color:var(--asil-text)}body{overflow-x:hidden}.asil-content{max-width:1600px}.layout-navbar{box-shadow:0 .125rem .375rem rgba(47,43,61,.08)!important;border:1px solid rgba(47,43,61,.08);backdrop-filter:blur(14px);background:rgba(255,255,255,.94)!important}.asil-kicker{font-size:.68rem;letter-spacing:.13em}.asil-page-title{font-weight:750;font-size:1.32rem;color:#1f2c3f}.asil-menu{transition:background .2s,color .2s,box-shadow .2s;overflow:hidden}.asil-brand-wrap{height:74px!important;padding:0 1.2rem!important}.asil-brand-logo{filter:none!important}.asil-profile{margin:.35rem .85rem .75rem;padding:.75rem;border-radius:12px;display:flex;align-items:center;gap:.75rem}.asil-profile>div{min-width:0;display:flex;flex-direction:column}.asil-profile strong{font-size:.84rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.asil-profile small{font-size:.69rem;opacity:.7}.asil-menu-footer{padding:.8rem;position:sticky;bottom:0}.menu-inner{overflow:auto!important;padding-bottom:1rem!important}.menu-link{border-radius:10px!important;margin:.12rem .65rem!important;padding:.62rem .75rem!important;transition:.16s}.menu-icon{font-size:1.12rem!important}
html[data-menu-skin="mavi"] .asil-menu{background:linear-gradient(180deg,#071d42 0%,#0b3375 58%,#0a2b61 100%)!important;color:#dce9ff;box-shadow:0 0 30px rgba(7,29,66,.18)}html[data-menu-skin="mavi"] .asil-menu .menu-link,html[data-menu-skin="mavi"] .asil-menu .menu-icon{color:#bed2f5!important}html[data-menu-skin="mavi"] .asil-menu .menu-item.active>.menu-link{background:linear-gradient(135deg,#1971e8,#0f56bd)!important;color:#fff!important;box-shadow:0 5px 16px rgba(11,95,209,.34)}html[data-menu-skin="mavi"] .asil-menu .menu-item.active .menu-icon{color:#fff!important}html[data-menu-skin="mavi"] .asil-profile{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.08)}html[data-menu-skin="mavi"] .asil-profile strong{color:#fff}html[data-menu-skin="mavi"] .asil-menu-footer .btn{color:#d8e7ff;border-color:rgba(255,255,255,.12);background:rgba(255,255,255,.07)}
html[data-menu-skin="beyaz"] .asil-menu{background:#fff!important;color:#28384e;border-right:1px solid #e7eaf0}html[data-menu-skin="beyaz"] .asil-menu .menu-link{color:#536278!important}html[data-menu-skin="beyaz"] .asil-menu .menu-item.active>.menu-link{background:#eaf2ff!important;color:#0b58c8!important}html[data-menu-skin="beyaz"] .asil-menu .menu-item.active .menu-icon{color:#0b58c8!important}html[data-menu-skin="beyaz"] .asil-profile{background:#f6f8fb;border:1px solid #e7eaf0}
.card{border:1px solid rgba(47,43,61,.08)!important;border-radius:var(--asil-radius)!important;box-shadow:0 3px 14px rgba(34,48,74,.055)!important;background:#fff!important;padding:1.25rem;margin-bottom:1.25rem}.card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1.15rem}.card-head h2,.card-head h3{margin:.1rem 0 0;font-weight:750;color:#202d40}.card-head span,.eyebrow,.hero-tag{font-size:.66rem;font-weight:800;letter-spacing:.13em;color:var(--asil-blue);text-transform:uppercase}.grid-2,.grid.two{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1.25rem}.stats-grid,.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.stats-grid.six{grid-template-columns:repeat(6,minmax(0,1fr))}.stat-card,.stat{background:#fff;border:1px solid rgba(47,43,61,.08);border-radius:14px;padding:1.1rem;box-shadow:0 3px 14px rgba(34,48,74,.045)}.stat-card b,.stat b{display:block;font-size:1.55rem;color:#14233a;margin-top:.25rem}.stat-card span,.stat span{font-size:.75rem;color:#7e8a9c}.hero,.command-hero{background:linear-gradient(135deg,#071d42,#0d55be 58%,#16a7f5);color:#fff;border-radius:18px;padding:1.6rem 1.7rem;margin-bottom:1.2rem;box-shadow:0 12px 35px rgba(11,83,181,.19)}.hero h2,.command-hero h2{color:#fff!important}.hero p,.command-hero p{color:#d8e8ff!important}.hero .hero-tag,.command-hero .eyebrow{color:#8dd8ff}
table{width:100%;border-collapse:separate;border-spacing:0;font-size:.83rem}thead th{font-size:.67rem;text-transform:uppercase;letter-spacing:.06em;color:#7e8a9c;background:#f7f9fc;border-bottom:1px solid #e9edf3;padding:.75rem .75rem;text-align:left;white-space:nowrap}tbody td{padding:.8rem .75rem;border-bottom:1px solid #eef1f5;vertical-align:middle}tbody tr:hover{background:#f9fbff}.table-wrap,.card>table{overflow:auto}.person{display:flex;align-items:center;gap:.65rem}.person>span{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:#eaf2ff;color:#0b58c8;font-weight:800}.person div,.integration>div:not(.integration-logo){display:flex;flex-direction:column}.person small,td small{display:block;color:#8995a6;margin-top:.15rem}
label{display:grid;gap:.38rem;font-size:.76rem;font-weight:650;color:#526076;margin-bottom:.8rem}input,select,textarea{width:100%;border:1px solid #dfe4ec;border-radius:10px;background:#fff;padding:.68rem .78rem;color:#24334a;outline:none;transition:.15s}input:focus,select:focus,textarea:focus{border-color:#75aaf0;box-shadow:0 0 0 3px rgba(19,95,209,.09)}textarea{min-height:90px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}.form-grid .full{grid-column:1/-1}.actions{display:flex;align-items:center;gap:.45rem;flex-wrap:wrap}.primary,.btn.primary,button.primary,.send{background:linear-gradient(135deg,#196cdf,#0d55be)!important;color:#fff!important;border:0!important;border-radius:10px!important;padding:.68rem .95rem!important;font-weight:700!important;box-shadow:0 5px 14px rgba(19,95,209,.17)}.ghost,.btn.ghost{display:inline-flex;align-items:center;justify-content:center;border:1px solid #dfe5ed!important;background:#fff!important;color:#425269!important;border-radius:9px!important;padding:.55rem .8rem!important;text-decoration:none!important}.btn.tiny,.tiny{padding:.42rem .62rem!important;font-size:.75rem}.badge{border-radius:99px;padding:.35rem .55rem;font-size:.69rem}.badge.ok{background:#e7f8f1!important;color:#137a5d!important}.badge.danger{background:#fdecec!important;color:#b53a42!important}.security-note{background:#f0f5ff;border:1px solid #dce9ff;border-radius:10px;padding:.75rem;color:#536680;font-size:.75rem}.integration-list{display:grid;gap:.65rem}.integration{display:flex;align-items:center;gap:.75rem;padding:.75rem;border:1px solid #ebeff5;border-radius:11px}.integration-logo{width:40px;height:40px;display:grid;place-items:center;border-radius:11px;background:#eaf2ff;color:#0b58c8;font-weight:800}.integration .badge{margin-left:auto}.empty{padding:1.2rem;text-align:center;color:#8794a5;background:#fafbfc;border:1px dashed #dce2ea;border-radius:11px}.empty.good{color:#16795f;background:#f0faf6}.list-row{display:flex;justify-content:space-between;gap:1rem;align-items:center;padding:.7rem 0;border-bottom:1px solid #edf0f4}.list-row div{display:flex;flex-direction:column}.list-row small{color:#8a95a5}.notification{display:flex;gap:.7rem;padding:.8rem;border:1px solid #e7ebf1;border-radius:11px;margin-bottom:.55rem}.notif-dot{width:8px;height:8px;margin-top:.35rem;border-radius:50%;background:#1a69d8;flex:none}.command-hero{display:flex;justify-content:space-between;align-items:center}.live-orb{width:92px;height:92px;border:1px solid rgba(255,255,255,.22);border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.08)}.health-row{display:grid;grid-template-columns:1fr auto auto;gap:1rem;align-items:center;padding:.65rem 0;border-bottom:1px solid #edf1f5}.health{background:#ebf7f2;color:#14785d;border-radius:99px;padding:.25rem .5rem;font-size:.68rem}.attendance-grid{display:grid;gap:.55rem}.attendance-person{display:grid;grid-template-columns:minmax(220px,1fr) 170px 100px 100px;gap:.6rem;align-items:center;padding:.7rem;border:1px solid #e9edf3;border-radius:11px}.portal-preview{display:flex;gap:1.2rem}.portal-phone{width:320px;min-height:620px;border:9px solid #13213a;border-radius:34px;background:linear-gradient(160deg,#071d42,#0d55be);color:#fff;padding:1.1rem}.student-phone{background:linear-gradient(160deg,#071d42,#125ea9)}.mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.mini-grid>div,.qr-card,.mobile-card{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.14);border-radius:12px;padding:.75rem}.qr-card{display:flex;gap:.65rem;align-items:center}.fake-qr{font-size:2rem}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.7rem}.feature-grid article{border:1px solid #e8edf3;border-radius:12px;padding:.85rem}.bulk-bar{display:none;align-items:center;gap:.6rem;padding:.7rem .8rem;background:#edf4ff;border:1px solid #d8e7ff;border-radius:10px;margin-bottom:.8rem}.bulk-bar.show{display:flex}.bulk-bar .bulk-count{font-weight:800;color:#0b58c8}.row-check,.check-all{width:16px;height:16px;accent-color:#1465d7}.asil-empty-state{display:grid;place-items:center;text-align:center;padding:2.5rem 1rem;color:#7d8999}.asil-empty-state i{font-size:2.2rem;color:#99bdec;margin-bottom:.5rem}.asil-empty-state h4{margin:.25rem 0;color:#34445a}.asil-empty-state p{margin:0;max-width:440px}.mdb-drop{border:2px dashed #cfdaea;border-radius:14px;padding:1.4rem;text-align:center;background:#f9fbfe}.mdb-drop i{font-size:2.4rem;color:#226ed5}.mapping-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem}.auth-body{background:#f5f7fb}.auth-wrap{min-height:100vh;display:grid;grid-template-columns:1.05fr .95fr}.auth-hero{background:radial-gradient(circle at 20% 20%,#164c9f,#071d42 62%);display:grid;place-items:center;padding:3.5rem;color:#fff}.auth-hero .hero-inner{max-width:560px}.auth-hero h1{color:#fff;font-size:2.65rem;line-height:1.08}.auth-hero p{color:#d4e4fb;line-height:1.7}.login-zone,.login-panel{display:grid;place-items:center;padding:2rem}.login-card{width:min(440px,100%);background:#fff;border:1px solid #e6eaf0;border-radius:18px;padding:2rem;box-shadow:0 20px 55px rgba(30,47,78,.1)}.login-card h1{font-size:1.7rem;margin:.5rem 0}.login-card>p{color:#7d899a}.auth-form{display:grid;gap:.7rem;margin-top:1.35rem}.auth-note{display:block;text-align:center;color:#8b96a7;margin-top:1rem;font-size:.73rem}.mobile-brand{display:none}.cf-turnstile{min-height:65px}
@media(max-width:1199px){.asil-brand-logo{width:136px!important}.stats-grid.six{grid-template-columns:repeat(3,1fr)}.grid-2,.grid.two{grid-template-columns:1fr}.layout-menu{visibility:visible}.asil-menu-footer{position:static}}@media(max-width:767px){.stats-grid,.stat-grid,.stats-grid.six{grid-template-columns:repeat(2,1fr)}.form-grid,.mapping-grid{grid-template-columns:1fr}.feature-grid{grid-template-columns:1fr}.attendance-person{grid-template-columns:1fr}.portal-preview{flex-direction:column}.portal-phone{width:100%;min-height:auto}.auth-wrap{grid-template-columns:1fr}.auth-hero{display:none}.login-zone{padding:1rem}.card{padding:1rem}.asil-page-title{font-size:1.05rem}.navbar .badge{display:none!important}}