/* Shared presentation layer. Printed documents intentionally excluded. */
@media screen {
 body.modern-interface { --ui-blue:#2563eb; --ui-ink:#152849; --ui-line:#e3eaf5; background:#f5f7fc; }
 .modern-interface .navbar-custom { background:rgba(255,255,255,.93)!important; backdrop-filter:blur(18px); border-bottom:1px solid #e3eaf5; transition:box-shadow .25s; }
 .modern-interface.ui-scrolled .navbar-custom { box-shadow:0 8px 30px #183f7110; }
 .modern-interface .navbar .nav-link { border-radius:12px; transition:background .2s,color .2s,translate .2s; }
 .modern-interface .navbar .nav-link:hover { background:#edf5ff; translate:0 -2px; }
 .modern-interface .home-refresh { background:transparent; }
 .modern-interface .home-refresh .hero-full-width { width:auto; max-width:calc(100% - 36px); margin:18px 18px 44px!important; border-radius:30px; overflow:hidden; isolation:isolate; background:radial-gradient(ellipse at 87% 12%,#165778 0,transparent 48%),radial-gradient(ellipse at 3% 98%,#243570 0,transparent 60%),#08192e; box-shadow:0 24px 54px -30px #163e74aa; }
 .modern-interface .home-refresh .hero-full-width::before { content:''; position:absolute; width:550px; height:550px; right:-160px; top:-280px; border-radius:50%; background:radial-gradient(circle,#2dd4bf33,transparent 68%); filter:blur(12px); pointer-events:none; animation:ui-aurora 14s ease-in-out infinite alternate; }
 .modern-interface .home-refresh .hero-full-width::after { opacity:.6; background-size:72px 72px; mask-image:linear-gradient(90deg,transparent,#000); pointer-events:none; }
 .modern-interface .home-refresh .hero-full-width>.container-fluid { padding-top:4.2rem!important; padding-bottom:2rem!important; }
 .modern-interface .home-refresh .hero-full-width h1 { font-size:clamp(2.3rem,3.6vw,4.4rem); max-width:72%!important; line-height:1.15!important; letter-spacing:-.05em!important; }
 .modern-interface .home-refresh .hero-full-width h1 span { background:linear-gradient(105deg,#55d6f2,#a8bfff 48%,#b5f7e3)!important; -webkit-background-clip:text!important; background-clip:text!important; }
 .modern-interface .home-refresh .hero-intro { font-size:1.05rem; max-width:59%; color:#bdcfe2; }
 .modern-interface .home-refresh .hero-badge-tagline { background:#ffffff09; border:1px solid #8fd8ff30; color:#bfe4f4; border-radius:100px; letter-spacing:.035em; padding:.65rem 1rem; }
 .modern-interface .home-refresh .hero-full-width .btn-primary { background:linear-gradient(110deg,#38ddcf,#38bdf8)!important; color:#08233a!important; border-color:transparent!important; box-shadow:0 7px 28px #22d3ee28!important; }
 .modern-interface .home-refresh .hero-stat-card { height:100%; border-radius:20px; border-color:#ffffff20; background:linear-gradient(130deg,#ffffff0d,#ffffff05); backdrop-filter:blur(12px); transition:translate .25s,background .25s,border-color .25s,box-shadow .25s; }
 .modern-interface .home-refresh .hero-stat-card:hover { translate:0 -5px; background:#ffffff13; border-color:#7dd3fc77; box-shadow:0 16px 30px #0002; }
 .modern-interface .home-refresh .hero-orbit { top:100px; right:7%; width:260px; height:260px; opacity:1; border-color:#8bdcf235; animation:ui-orbit-breathe 7s ease-in-out infinite; }
 .modern-interface .home-refresh .hero-orbit-core { inset:65px; border-radius:36px; background:linear-gradient(135deg,#2c677eaa,#1d3558); box-shadow:0 0 70px #38bdf820,inset 0 1px 0 #ffffff30; color:#8df5e2; }
 .modern-interface .home-refresh .orbit-node { background:#12364f; box-shadow:0 12px 24px #0002; animation:ui-node-float 5s ease-in-out infinite; }
 .modern-interface .home-refresh .node-two { animation-delay:-1.7s; }
 .modern-interface .home-refresh .node-three { animation-delay:-3.3s; }
 .modern-interface .hero-orbit::before { border-style:dashed!important; animation:ui-orbit-spin 80s linear infinite; }
 .modern-interface :is(.dashboard-card,.chart-card-modern,.pmb-table-card,.pmb-stat-card) { border-radius:22px!important; border:1px solid var(--ui-line); box-shadow:0 8px 28px #17335d07; }
 .modern-interface .home-refresh .iku-section .dashboard-card { background:linear-gradient(145deg,#fff,#fafcff); }
 .modern-interface .home-refresh .iku-section .card-value { color:var(--ui-ink); }
 .modern-interface :is(.admin-content,.container-fluid)>.card { border:1px solid var(--ui-line)!important; border-radius:20px!important; box-shadow:0 7px 25px #17335d06!important; }
 .modern-interface .admin-sidebar { background:linear-gradient(180deg,#fff,#f9fbff); border-right:1px solid var(--ui-line); }
 .modern-interface .sidebar-link { transition:background .2s,color .2s,translate .2s; }
 .modern-interface .sidebar-link:hover { translate:3px 0; background:#eef4ff; }
 .modern-interface .sidebar-link.active { background:linear-gradient(100deg,#e7efff,#f0f7ff)!important; color:#2456d8!important; }
 .modern-interface .sidebar-heading { font-size:.67rem; letter-spacing:.095em; }
 .modern-interface .admin-content { background:radial-gradient(ellipse at 100% 0,#e9f0ff88,transparent 50%); }
 .modern-interface :is(h1,h2,h3) { letter-spacing:-.035em; }
 .modern-interface :is(.btn,.page-link) { transition:translate .18s,box-shadow .18s,background-color .18s,border-color .18s; }
 .modern-interface .btn:not(:disabled):hover { translate:0 -2px; }
 .modern-interface .btn:not(:disabled):active { translate:0 0; }
 .modern-interface .btn-primary { background:linear-gradient(120deg,#2563eb,#3555d8); border-color:#2563eb; box-shadow:0 5px 14px #2563eb20; }
 .modern-interface :is(.form-control,.form-select) { transition:border-color .2s,box-shadow .2s,background-color .2s; border-color:#dce5f2; border-radius:11px; }
 .modern-interface :is(.form-control,.form-select):focus { border-color:#709af7; background-color:#fff; box-shadow:0 0 0 4px #2563eb12; }
 .modern-interface :is(a,button,input,select,textarea):focus-visible { outline:3px solid #60a5fa; outline-offset:3px; }
 .modern-interface .table>thead>tr>th { background:#f4f7fd; color:#5b6c87; font-size:.73rem; letter-spacing:.045em; }
 .modern-interface .table tbody tr { transition:background-color .18s; }
 .modern-interface .table-hover tbody tr:hover { --bs-table-bg-state:#eff5ff; }
 .modern-interface .dropdown-menu { border:1px solid var(--ui-line); box-shadow:0 16px 45px #17335d18!important; border-radius:16px; }
 .modern-interface .modal-content { border-radius:22px; border:1px solid var(--ui-line); box-shadow:0 24px 70px #10264830; }
 .modern-interface .login-card { border:1px solid #ffffff80; box-shadow:0 25px 80px #12336920; }
 .modern-interface .ui-enter { animation:ui-enter .6s cubic-bezier(.16,1,.3,1) both; animation-delay:var(--ui-delay,0ms); }
 .ui-scroll-progress { position:fixed; top:0; left:0; height:3px; width:100%; transform:scaleX(0); transform-origin:left; z-index:1100; background:linear-gradient(90deg,#2563eb,#22d3ee,#5eead4); pointer-events:none; }
 .ui-top-button { position:fixed; bottom:24px; right:24px; z-index:1020; width:44px; height:44px; border-radius:15px; border:1px solid #ffffff66; background:#1d4ed8; color:#fff; box-shadow:0 8px 24px #1d4ed833; opacity:0; visibility:hidden; translate:0 12px; transition:opacity .2s,translate .2s,visibility .2s; }
 .ui-top-button.is-visible { opacity:1; visibility:visible; translate:0 0; }
 @keyframes ui-enter { from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)} }
 @keyframes ui-aurora { to{transform:translate(-180px,180px) scale(1.25)} }
 @keyframes ui-node-float { 50%{translate:0 -10px} }
 @keyframes ui-orbit-breathe { 50%{box-shadow:0 0 80px #38bdf80c} }
 @keyframes ui-orbit-spin { to{rotate:360deg} }
 @media(max-width:1199px) { .modern-interface .home-refresh .hero-orbit{right:5%;width:190px;height:190px;top:115px;opacity:.7} .modern-interface .home-refresh .hero-orbit-core{inset:45px;font-size:2.5rem} }
 @media(max-width:767px) { .modern-interface .home-refresh .hero-full-width{max-width:calc(100% - 20px);margin:10px 10px 28px!important;border-radius:22px} .modern-interface .home-refresh .hero-full-width>.container-fluid{padding:2.5rem 1.4rem 1.5rem!important} .modern-interface .home-refresh .hero-full-width h1{max-width:100%!important;font-size:2.25rem} .modern-interface .home-refresh .hero-intro{max-width:100%;font-size:.98rem} .modern-interface .home-refresh .hero-orbit{display:none} .modern-interface .home-refresh .hero-badge-tagline{font-size:.66rem;letter-spacing:0} .ui-top-button{right:16px;bottom:16px} }
 @media(prefers-reduced-motion:reduce) { .modern-interface *, .modern-interface *::before,.modern-interface *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important} .modern-interface .ui-enter{opacity:1!important;transform:none!important} }
}
@media print { .ui-scroll-progress,.ui-top-button{display:none!important} .ui-enter{animation:none!important;opacity:1!important;transform:none!important} }