.login-scene:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,27,24,.96),rgba(3,40,35,.76) 55%,rgba(3,35,31,.46)),url('/attendance-login-bg.png') center/cover no-repeat;z-index:0}.security.login-v2 .login-scene:before{background:linear-gradient(90deg,rgba(21,25,22,.97),rgba(42,34,18,.78) 55%,rgba(45,30,11,.5)),url('/attendance-login-bg.png') center/cover no-repeat}.brand-symbol.official{width:54px;height:54px;background:#fff;padding:5px}.brand-symbol.official img{width:100%;height:100%;object-fit:contain}.login-panel .brand-symbol.official{box-shadow:0 12px 30px rgba(0,110,103,.18)}

.shell>main{background:radial-gradient(circle at 12% 8%,rgba(0,110,103,.16),transparent 31%),radial-gradient(circle at 92% 3%,rgba(244,166,35,.15),transparent 28%),linear-gradient(145deg,#edf8f5 0%,#f8f4ea 48%,#e6f3f0 100%)!important;background-attachment:fixed!important}
.shell.security>main{background:radial-gradient(circle at 10% 6%,rgba(244,166,35,.20),transparent 32%),radial-gradient(circle at 92% 8%,rgba(0,110,103,.18),transparent 30%),linear-gradient(145deg,#f7f1e3 0%,#edf7f4 52%,#e8f2ef 100%)!important}
.kpi,.surface,.module-stats>div,.report-grid>article,.settings-kpis>div,.users-table{background:linear-gradient(145deg,rgba(255,255,255,.78),rgba(255,255,255,.46))!important;border:1px solid rgba(255,255,255,.82)!important;box-shadow:0 18px 45px rgba(0,78,70,.10),inset 0 1px 0 rgba(255,255,255,.9)!important;backdrop-filter:blur(20px) saturate(145%);-webkit-backdrop-filter:blur(20px) saturate(145%)}
.kpi:hover{transform:translateY(-4px);border-color:rgba(0,110,103,.30)!important;box-shadow:0 24px 55px rgba(0,78,70,.18),inset 0 1px 0 #fff!important}
.settings-workspace{background:radial-gradient(circle at 15% 5%,rgba(0,110,103,.17),transparent 30%),radial-gradient(circle at 90% 0,rgba(244,166,35,.15),transparent 28%),linear-gradient(145deg,#edf8f5,#f7f3e9)!important}
.settings-title,.settings-layout>nav,.settings-modal form{background:linear-gradient(145deg,rgba(255,255,255,.84),rgba(255,255,255,.60))!important;border:1px solid rgba(255,255,255,.88)!important;box-shadow:0 20px 48px rgba(0,78,70,.11)!important;backdrop-filter:blur(20px)}
.shell.security>aside{background:linear-gradient(160deg,rgba(255,255,255,.92),rgba(246,239,220,.82))!important;color:#173d38!important;border-right:1px solid rgba(255,255,255,.85)!important;box-shadow:12px 0 40px rgba(48,61,45,.10)!important;backdrop-filter:blur(22px)}
.shell.security>aside .brand.dark strong,.shell.security>aside .brand.dark small,.shell.security>aside nav button,.shell.security>aside .tenant-chip b,.shell.security>aside .tenant-chip small,.shell.security>aside .support b,.shell.security>aside .support small,.shell.security>aside .system{color:#264c46!important}.shell.security>aside nav button.active{background:linear-gradient(135deg,rgba(0,110,103,.14),rgba(244,166,35,.16))!important;color:#006e67!important}.shell.security>aside .tenant-chip,.shell.security>aside .support{background:rgba(255,255,255,.56)!important;border-color:rgba(0,110,103,.12)!important}
@media(max-width:760px){.shell>main{background:linear-gradient(155deg,#e9f6f2,#f8f1df 58%,#e8f4f1)!important}.shell.security>aside{background:rgba(255,255,255,.96)!important}.kpi,.surface,.module-stats>div,.report-grid>article{backdrop-filter:blur(14px);box-shadow:0 12px 30px rgba(0,78,70,.10)!important}.settings-workspace{padding:14px!important}.settings-workspace>header h1{font-size:24px!important}.settings-layout{display:block!important}.settings-layout>nav{display:flex!important;overflow-x:auto!important;gap:5px;margin-bottom:12px}.settings-layout>nav button{min-width:max-content!important}.settings-title{align-items:flex-start!important;gap:15px;padding:18px!important}.settings-title h2{font-size:21px!important}.settings-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important}.users-table{overflow-x:auto!important}.user-row{min-width:510px}.settings-modal{padding:10px!important}.settings-modal form{border-radius:17px!important;padding:18px!important}.login-panel .login-box{width:100%!important}.login-panel{padding:22px 18px!important}.field input{font-size:16px!important}.primary,.soft,button{min-height:44px}.module-banner{gap:14px}.module-banner>div:last-child{display:flex;flex-wrap:wrap;gap:8px}.toolbar{align-items:stretch}.toolbar .search{min-width:100%}.record-grid article{grid-template-columns:auto minmax(0,1fr) auto!important}.record-grid article time,.record-grid article .row-more{display:none}}
@media(max-width:420px){.settings-kpis{grid-template-columns:1fr!important}.kpi-grid{grid-template-columns:1fr!important}.proof-row{gap:8px!important}.proof-row>div{padding:10px!important}.login-story h1{font-size:36px!important}.header-tools .user{display:none!important}.module-stats{grid-template-columns:1fr!important}}
.mobile-menu,.mobile-nav-close,.mobile-nav-backdrop{display:none}.mobile-title{display:flex;align-items:center;gap:12px}
@media(max-width:680px){.mobile-menu{display:grid;width:44px;height:44px;place-items:center;border:1px solid rgba(0,110,103,.18);border-radius:13px;background:rgba(255,255,255,.76);color:#006e67;font-size:21px;box-shadow:0 10px 25px rgba(0,78,70,.12);backdrop-filter:blur(15px)}.shell>aside{display:flex!important;position:fixed!important;z-index:80;left:0;top:0;width:min(84vw,310px);height:100dvh;transform:translateX(-105%);transition:transform .24s ease;box-shadow:20px 0 60px rgba(0,35,31,.26)}.shell>aside.mobile-open{transform:translateX(0)}.shell>aside .brand>div:last-child,.shell>aside .tenant-chip div,.shell>aside nav button:not(.active){font-size:inherit!important}.shell>aside nav button{justify-content:flex-start!important;font-size:13px!important;min-height:45px}.shell>aside nav button>span{font-size:18px!important}.shell>aside .support{display:flex!important}.mobile-nav-close{display:grid;position:absolute;right:13px;top:14px;width:38px;height:38px;place-items:center;border:1px solid rgba(0,110,103,.15);border-radius:11px;background:rgba(255,255,255,.78);color:#174b45;font-size:22px}.mobile-nav-backdrop{display:block;position:fixed;z-index:70;inset:0;border:0;background:rgba(3,28,24,.48);backdrop-filter:blur(4px)}.shell header{height:auto;min-height:60px}.mobile-title .kicker{max-width:58vw;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-title h1{font-size:22px}.shell.security>aside .mobile-nav-close{background:rgba(255,255,255,.9);color:#775318}}
.device-onboarding{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:14px 0;padding:20px 22px;border:1px solid rgba(0,110,103,.18);border-radius:18px;background:linear-gradient(135deg,rgba(0,110,103,.12),rgba(255,255,255,.74),rgba(244,166,35,.12));box-shadow:0 16px 40px rgba(0,78,70,.10);backdrop-filter:blur(18px)}.device-onboarding span{font-size:9px;font-weight:900;letter-spacing:.14em;color:#087a6d}.device-onboarding h3{margin:7px 0;font-size:16px}.device-onboarding code{display:inline-block;padding:8px 10px;border-radius:9px;background:rgba(4,54,48,.92);color:#77ead9;font-size:11px;word-break:break-all}.device-onboarding p{margin:8px 0 0;color:#617a75;font-size:10px;line-height:1.6}.device-onboarding button{flex:none;border:0;border-radius:11px;background:#006e67;color:#fff;padding:12px 15px;font-size:11px;font-weight:800}@media(max-width:680px){.device-onboarding{align-items:stretch;flex-direction:column;padding:17px}.device-onboarding button{width:100%}}