:root{--ican-ink:#0b2447;--ican-muted:#64748b;--ican-line:#dbe5f0;--ican-soft:#f4f7fb;--ican-blue:#1769e0;--ican-blue-dark:#0d4eaf;--ican-success:#13865f;--ican-radius:18px}html{font-size:15px;position:relative;min-height:100%}@media(min-width:768px){html{font-size:16px}}body{min-height:100vh;margin:0;color:var(--ican-ink);font-family:"DM Sans",system-ui,sans-serif;background:radial-gradient(circle at 5% 3%,#e8f3ff 0,transparent 25rem),radial-gradient(circle at 96% 92%,#e9f8f2 0,transparent 28rem),#f8fafc}h1,h2,h3,h4,h5,h6{font-family:Manrope,sans-serif;letter-spacing:-.035em;color:var(--ican-ink)}a{color:var(--ican-blue)}.app-navbar{position:sticky;top:0;z-index:100;margin:0 0 32px;padding:13px 0;border-bottom:1px solid rgba(205,220,235,.9);background:rgba(255,255,255,.88);backdrop-filter:blur(16px);box-shadow:0 8px 28px rgba(15,38,70,.05)}.app-brand{display:inline-flex;align-items:center;gap:10px;color:var(--ican-ink)!important;font-family:Manrope,sans-serif;font-weight:800}.app-brand span{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:var(--ican-ink);color:#fff;font-size:.68rem}.navbar .nav-link{margin:0 3px;border-radius:9px;padding:9px 12px!important;color:#52677f!important;font-weight:600}.navbar .nav-link:hover{background:var(--ican-soft);color:var(--ican-blue)!important}.app-container{min-height:calc(100vh - 190px)}.app-main{padding:12px 0 50px}.app-main>.container,.app-main>.container-fluid{animation:page-in .25s ease}.app-main h1{font-size:clamp(2rem,4vw,3rem);margin-bottom:1.5rem}.card{border:1px solid var(--ican-line)!important;border-radius:var(--ican-radius)!important;background:rgba(255,255,255,.96);box-shadow:0 16px 45px rgba(15,38,70,.07)!important}.card-body{padding:clamp(1.25rem,3vw,2rem)}.bg-light{background:#f7f9fc!important}.table-responsive{border:1px solid var(--ican-line);border-radius:15px;background:#fff;box-shadow:0 12px 35px rgba(15,38,70,.05);overflow:hidden}.table{margin:0}.table>:not(caption)>*>*{padding:.9rem .8rem;border-color:#e8eef5}.table thead th{background:#f5f8fc;color:#52677f;text-transform:uppercase;letter-spacing:.06em;font-size:.74rem}.form-control,.form-select{min-height:44px;border-color:#cfdbe8;border-radius:10px;color:var(--ican-ink);background-color:#fff}.form-control:focus,.form-select:focus,.form-check-input:focus{border-color:var(--ican-blue);box-shadow:0 0 0 3px rgba(23,105,224,.12)}.form-label,label{color:#405976;font-weight:600}.btn{border-radius:10px;font-weight:700;padding:.58rem .95rem}.btn-sm{border-radius:8px;padding:.4rem .7rem}.btn-primary{border-color:var(--ican-blue);background:var(--ican-blue)}.btn-primary:hover,.btn-primary:focus{border-color:var(--ican-blue-dark);background:var(--ican-blue-dark)}.btn-outline-primary{color:var(--ican-blue);border-color:#78aeea}.btn-outline-primary:hover{background:var(--ican-blue);border-color:var(--ican-blue)}.alert{border:0;border-radius:13px}.alert-info{background:#eaf4ff;color:#164f89}.alert-success{background:#e9f8f2;color:#116c50}.badge{border-radius:999px;padding:.48em .72em}.input-group>.form-control:first-child{border-radius:10px 0 0 10px}.input-group>.btn:last-child{border-radius:0 10px 10px 0}.app-footer{padding:25px 0;color:#7a8ba0;border-top:1px solid var(--ican-line);background:rgba(255,255,255,.65);font-size:.86rem}.app-footer a{color:var(--ican-blue)}details summary{cursor:pointer}.text-muted{color:var(--ican-muted)!important}@keyframes page-in{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}@media(max-width:767px){.app-navbar{margin-bottom:15px}.app-main{padding-top:5px}.app-main h1{font-size:2rem}.card-body{padding:1.1rem}.table-responsive{border-radius:12px}.d-flex.justify-content-between{gap:14px;flex-wrap:wrap}}