@import url("https://fonts.googleapis.com/css2?family=Dancing+Script:wght@600;700&family=Great+Vibes&display=swap");*{box-sizing:border-box}body,html{margin:0;color:var(--text)}.sub-brand,body,html{font-family:var(--font-body),system-ui,-apple-system,sans-serif}.sub-brand{font-size:11px;font-weight:800;color:#FFFFFF!important;letter-spacing:.14em;text-transform:uppercase}body{min-height:100vh}button,input,select,textarea{font:inherit}a,button{color:inherit}button{cursor:pointer}a{text-decoration:none}::selection{background:#10B981;color:#FFFFFF}.route-loader{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.route-loader span{font-size:64px;font-weight:900;color:var(--primary-green);line-height:1;margin-bottom:8px}.route-loader p{font-size:11px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--muted);margin:0}.intro{position:fixed;z-index:9999;inset:0;background:#000;display:grid;place-items:center;overflow:hidden}.trailer-intro{perspective:900px}.trailer-noise{position:absolute;inset:0;opacity:.1;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E");animation:noiseShift .18s steps(2) infinite}.cinema-line{position:absolute;left:4vw;right:4vw;height:1px;background:#313131;transform-origin:center}.cinema-line.top{top:9vh}.cinema-line.bottom{bottom:9vh}.trailer-frame{position:absolute;display:flex;align-items:center;justify-content:center}.trailer-frame.one{gap:1.4vw;font:600 clamp(34px,7vw,110px)/1 var(--font-display);letter-spacing:-.06em}.trailer-frame.one span:last-child{color:var(--amber)}.trailer-frame.two{flex-direction:column}.trailer-frame.two small,.trailer-tag{font-size:9px;letter-spacing:.35em;color:#777;text-transform:uppercase}.trailer-frame.two strong{font:600 clamp(55px,11vw,170px)/.9 var(--font-display);letter-spacing:-.07em;margin-top:15px}.trailer-brand{position:absolute;opacity:0;text-align:center}.trailer-word{display:flex;overflow:hidden;font:700 clamp(70px,15vw,230px)/.9 var(--font-display);letter-spacing:-.09em}.trailer-letter{display:inline-block}.trailer-word .trailer-letter:last-child{color:var(--amber)}.trailer-tag{margin-top:25px;color:#aaa}.trailer-sweep{position:absolute;left:-80%;width:45%;height:180%;transform:skewX(-18deg);background:linear-gradient(90deg,transparent,rgba(245,166,35,.15),transparent);pointer-events:none}.trailer-counter{position:absolute;right:4vw;bottom:5vh;font:500 9px var(--font-display);letter-spacing:.2em;color:#555}@keyframes noiseShift{0%{transform:translate(0)}25%{transform:translate(2%,-1%)}50%{transform:translate(-1%,2%)}75%{transform:translate(1%,1%)}}.login-page{min-height:100vh;display:grid;grid-template-columns:1.18fr .82fr;background:#f6f5f1}.login-visual{position:relative;overflow:hidden;padding:42px 48px;min-height:100vh;border-right:1px solid #dad7ce;display:flex;flex-direction:column;justify-content:space-between;background:#ffffff}.login-grid{position:absolute;inset:0;opacity:.15;background-image:linear-gradient(#dad7ce 1px,transparent 0),linear-gradient(90deg,#dad7ce 1px,transparent 0);background-size:58px 58px;-webkit-mask-image:radial-gradient(circle at 70% 45%,#000,transparent 72%);mask-image:radial-gradient(circle at 70% 45%,#000,transparent 72%)}.login-glow{position:absolute;width:42vw;height:42vw;border:1px solid rgba(203,168,110,.18);border-radius:50%;right:-10vw;top:16vh;box-shadow:0 0 110px rgba(203,168,110,.08),inset 0 0 80px rgba(203,168,110,.04)}.orbit-system{position:absolute;width:32vw;height:32vw;right:-4vw;top:22vh;display:grid;place-items:center}.orbit-ring{position:absolute;border:1px solid #dad7ce;border-radius:50%}.orbit-ring.one{inset:0}.orbit-ring.two{inset:17%}.orbit-ring i{position:absolute;width:8px;height:8px;background:var(--amber);border-radius:50%;top:-4px;left:50%;box-shadow:0 0 22px var(--amber)}.orbit-ring.two i{top:auto;bottom:-4px}.orbit-core{width:70px;height:70px;border:1px solid #dad7ce;border-radius:50%;display:grid;place-items:center;font:600 15px var(--font-display);color:var(--amber);background:#ffffff}.login-reel,.visual-brand,.visual-copy,.visual-foot{position:relative}.visual-brand{display:flex;justify-content:space-between;align-items:center}.visual-brand>span,.visual-foot{font-size:9px;letter-spacing:.23em;color:#6b707d}.flumenx-mark{display:flex;align-items:center;font:700 25px var(--font-display);letter-spacing:-.07em}.flumenx-mark b{font:inherit}.flumenx-mark i{width:7px;height:7px;background:var(--amber);margin-left:6px;-webkit-clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)}.visual-copy{max-width:760px;z-index:2}.eyebrow{font-size:10px;letter-spacing:.22em;color:var(--amber);font-weight:700;margin-bottom:18px}.visual-copy h1{font:600 clamp(52px,6vw,91px)/.88 var(--font-display);letter-spacing:-.065em;margin:0;text-transform:uppercase}.hero-line{overflow:hidden;padding-bottom:.06em}.hero-line,.hero-line>span{display:block}.hero-line em{font-style:normal;color:var(--amber)}.hero-line.outline>span{color:transparent;-webkit-text-stroke:1px #dad7ce}.visual-copy p{color:#6b707d;font-size:14px;max-width:430px;line-height:1.7;margin-top:28px}.login-reel{overflow:hidden;border-top:1px solid #dad7ce;border-bottom:1px solid #dad7ce;padding:10px 0;margin:0 -48px}.login-reel-track{display:flex;align-items:center;gap:24px;width:max-content;font:600 8px var(--font-display);letter-spacing:.22em;color:#8a8e99}.login-reel i{width:5px;height:5px;background:var(--amber);transform:rotate(45deg)}.visual-foot{display:flex;justify-content:space-between}.login-form-side{position:relative;display:grid;place-items:center;padding:48px;background:#ffffff;overflow:hidden}.login-form-side:before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 48%,rgba(203,168,110,.025) 0,rgba(203,168,110,.025) 52%,transparent 0);background-size:45px 45px}.form-rail{position:absolute;right:-72px;top:50%;transform:rotate(90deg);font-size:7px;letter-spacing:.35em;color:#dad7ce}.login-form-side form{position:relative;width:min(430px,100%)}.form-index{font-size:9px;letter-spacing:.25em;color:var(--amber);margin-bottom:22px}.login-form-side h2{font:500 clamp(40px,4vw,58px)/.97 var(--font-display);letter-spacing:-.05em;margin:0}.login-form-side h2 i{color:var(--amber);font-style:normal}.form-subtitle{color:#6b707d;font-size:13px;margin:18px 0 30px}.role-switch{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid #dad7ce;margin-bottom:30px}.role-switch button{border:0;background:transparent;padding:13px;color:#8a8e99;font-size:12px;position:relative}.role-switch button.selected{color:#1a1b1e}.role-switch button.selected:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--amber)}label{display:block;font-size:11px;font-weight:700;letter-spacing:.04em;color:#1a1b1e;margin-bottom:20px}.input-wrap{display:flex;align-items:center;border:1px solid #dad7ce;background:#ffffff;border-radius:10px;margin-top:9px;padding:0 15px;transition:.25s}.input-wrap:focus-within{border-color:var(--amber);box-shadow:0 0 0 3px rgba(203,168,110,.25)}.input-wrap svg{color:#6b707d}.input-wrap input{border:0!important;outline:0!important;background:transparent!important;color:#1a1b1e!important;caret-color:#1a1b1e!important;width:100%;padding:14px 12px}.input-wrap button{border:0;background:transparent;color:#6b707d}.primary-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--amber)!important;color:#ffffff!important;border:1px solid var(--amber)!important;padding:0 18px;height:38px;font-size:12.5px;font-weight:800;letter-spacing:.02em;border-radius:8px!important;box-shadow:0 2px 6px rgba(8,122,91,.22);transition:all .18s ease;cursor:pointer}.primary-button:hover{background:#066349!important;border-color:#066349!important;color:#ffffff!important;transform:translateY(-1px);box-shadow:0 4px 12px rgba(8,122,91,.32)}.login-button{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;width:100%!important;background:linear-gradient(135deg,#087A5B,#066349)!important;color:#ffffff!important;border:1px solid #066349!important;padding:0 18px!important;height:48px!important;min-height:48px!important;font-size:13.5px!important;font-weight:800!important;letter-spacing:.05em!important;text-transform:uppercase!important;border-radius:10px!important;box-shadow:0 4px 16px rgba(8,122,91,.35)!important;transition:all .18s ease!important;cursor:pointer!important}.login-button:hover{background:#066349!important;border-color:#044B37!important;color:#ffffff!important;transform:translateY(-1px)!important;box-shadow:0 6px 20px rgba(8,122,91,.45)!important}.login-button:disabled,.primary-button:disabled{opacity:.6;cursor:not-allowed;transform:none!important;box-shadow:none!important}.secondary-button{display:inline-flex;justify-content:center;gap:8px;background:#ffffff!important;color:#18231F!important;border:1.5px solid #cbd5e1!important;padding:0 16px;height:38px;font-size:12.5px;font-weight:700;border-radius:8px!important;transition:all .18s ease;cursor:pointer;box-shadow:0 1px 3px rgba(0,0,0,.05)}.secondary-button:hover{background:#F8FAF9!important;border-color:#94A3B8!important;color:#18231F!important;transform:translateY(-1px)}.secondary-button:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.sidebar{position:fixed;inset:0 auto 0 0;background:var(--sidebar-bg);border-right:1px solid var(--sidebar-sec);padding:24px 16px 16px;display:flex;flex-direction:column;z-index:50}.side-brand{padding:0 8px 20px;display:flex;justify-content:space-between;border-bottom:1px solid var(--sidebar-sec);margin-bottom:14px}.workspace{border:1px solid var(--sidebar-sec);padding:10px;margin-bottom:20px;border-radius:var(--r-sm);background:var(--sidebar-sec)}.workspace-icon{width:31px;height:31px;background:var(--amber);color:#fff;font-size:10px;border-radius:4px}.workspace>div:nth-child(2){display:flex;flex-direction:column;min-width:0;flex:1 1}.workspace b{font-size:11px;color:#fff}.workspace span{font-size:8px;color:#E2E8F0;margin-top:2px}.workspace svg{color:#E2E8F0}.sidebar nav{gap:4px}.sidebar nav a{gap:12px;padding:10px 12px;color:#FFFFFF!important;font-size:13.5px;border-radius:var(--r-sm);border-left:3px solid transparent;transition:all .15s ease;opacity:.9}.sidebar nav a svg{color:#FFFFFF!important;opacity:.85;transition:opacity .15s ease}.sidebar nav a:hover{color:#FFFFFF!important;background:#1F3830!important;opacity:1}.sidebar nav a:hover svg{color:#34D399!important;opacity:1}.sidebar nav a.active{color:#FFFFFF!important;background:linear-gradient(90deg,#23463C,#192D27)!important;border-left-color:#10B981!important;opacity:1;box-shadow:inset 0 0 12px rgba(16,185,129,.12)}.sidebar nav a.active svg{color:#34D399!important;opacity:1}.sidebar nav em{background:#10B981;border-radius:99px;font-size:9.5px;padding:2px 7px;font-style:normal}.sidebar-foot{border-top:1px solid var(--sidebar-sec)}.mini-profile{border-radius:var(--r-sm);transition:background .15s ease}.mini-profile:hover{background:var(--sidebar-sec)}.mini-profile>div{display:flex;flex-direction:column}.mini-profile b{color:#FFFFFF!important;font-weight:700}.mini-profile span{color:#E2E8F0!important;margin-top:1px;font-weight:500}.avatar{display:inline-grid;flex:none;place-items:center;border-radius:50%;background:#192D27;color:#E7F3EE;border:1.5px solid #23463c;font-size:11px;width:34px;height:34px}.sidebar-foot>button{gap:10px;border:0;background:transparent;padding:9px 10px;font-weight:600;border-radius:var(--r-sm)}.sidebar-foot>button,.sidebar-foot>button svg{color:#FFFFFF!important;transition:all .15s ease}.sidebar-foot>button svg{opacity:.85}.sidebar-foot>button:hover{color:#F87171!important;background:rgba(239,68,68,.15)!important}.sidebar-foot>button:hover svg{color:#F87171!important;opacity:1}.mobile-close{display:none;background:transparent;border:0}.topbar{border-bottom:1px solid var(--border);padding:0 28px;background:var(--panel);z-index:40;box-shadow:var(--shadow-sm)}.topbar-word{font:700 12px var(--font-display);letter-spacing:.08em;color:var(--text)}.topbar-word span{color:var(--muted)}.top-actions,.top-profile{display:flex;align-items:center}.top-actions{gap:14px}.icon-button{position:relative;border:1px solid var(--border);background:var(--panel2);color:var(--muted);border-radius:var(--r-sm);width:34px;height:34px;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.icon-button:hover{border-color:var(--border2);color:var(--text);background:var(--panel)}.icon-button i{position:absolute;width:6px;height:6px;background:var(--amber);border-radius:50%;right:5px;top:5px}.top-profile{gap:9px;padding-left:16px}.top-profile>div{display:flex;flex-direction:column}.top-profile b{font-size:11px;color:var(--text)}.top-profile span{color:var(--muted);font-size:9.5px}.menu-button{display:none;background:none;border:0}.page{padding:32px 28px 60px;max-width:1600px;margin:auto}.page-header{display:flex;justify-content:space-between;margin-bottom:28px;gap:24px}.page-header h1{font:600 clamp(28px,3vw,42px)/1.1 var(--font-display);letter-spacing:-.03em}.page-header p{font-size:13px;margin:8px 0 0}.page-header .eyebrow{margin-bottom:8px;color:var(--amber);font-weight:700;letter-spacing:.1em}.panel-head a,.text-action{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;display:flex;align-items:center;gap:6px;color:var(--muted)}.panel-head a:hover,.text-action:hover{color:var(--amber)}.primary-button{width:auto;padding:0 16px;height:36px}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:14px;gap:14px;margin-bottom:16px}.stat-card{border:1px solid var(--border);background:var(--panel);padding:20px;min-height:135px;border-radius:var(--r);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;transition:all .18s ease}.stat-card.accent{border-top:3px solid var(--amber)}.stat-top{display:flex;justify-content:space-between;align-items:center;font-weight:700;letter-spacing:.08em}.stat-icon{width:32px;height:32px;border:1px solid var(--border);border-radius:var(--r-sm);background:var(--panel2);display:grid;place-items:center;color:var(--muted)}.stat-icon svg{width:16px}.stat-card.accent .stat-icon{color:var(--amber);border-color:rgba(8,122,91,.2);background:var(--soft-brand-bg)}.stat-card strong{font:700 32px var(--font-display);letter-spacing:-.03em;margin-top:auto}.stat-card small{color:var(--muted);font-size:11px;margin-top:4px}.dashboard-grid{display:grid;grid-template-columns:1.55fr .85fr;grid-gap:16px;gap:16px;margin-bottom:16px}.dashboard-grid.lower{grid-template-columns:1fr 1fr}.panel{background:var(--panel);border:1px solid var(--border);border-radius:var(--r);box-shadow:var(--shadow-sm)}.panel-head{padding:16px 20px;border-bottom:1px solid var(--border);justify-content:space-between;border-top-left-radius:var(--r);border-top-right-radius:var(--r)}.panel-head,.panel-head>div{display:flex;align-items:center}.panel-head>div{gap:12px}.panel-head span{font-size:10px;color:var(--amber);font-weight:700;letter-spacing:.1em;text-transform:uppercase}.panel-head h2{font:700 15px var(--font-display);margin:0}.ghost-icon{border:0;background:transparent;color:var(--muted)}.chart-legend{color:var(--muted)!important}.chart-legend i{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--amber);margin-right:6px}.chart-wrap{padding:20px 24px;position:relative}.chart-wrap svg{width:100%;height:180px;overflow:visible}.grid-line{stroke:var(--line);fill:none}.chart-line{fill:none;vector-effect:non-scaling-stroke}.chart-line,.chart-wrap circle{stroke:var(--amber);stroke-width:2.5}.chart-wrap circle{fill:var(--panel)}.chart-number{position:absolute;left:28px;top:24px;display:flex;flex-direction:column}.chart-number strong{font:700 24px var(--font-display);color:var(--text)}.chart-number span{font-size:10px!important;color:var(--muted)!important}.chart-labels{display:flex;justify-content:space-between;color:var(--muted);font-size:10px;font-weight:600}.schedule-list{padding:4px 18px}.schedule-item{display:flex;align-items:center;gap:14px;padding:14px 0;border-bottom:1px solid var(--line)}.schedule-item:last-child{border:0}.time-block{display:flex;flex-direction:column;width:48px}.time-block b{font-size:12px;color:var(--text)}.schedule-item>div:last-child span,.time-block span{font-size:10px;color:var(--muted);margin-top:2px}.schedule-item>i{width:3px;height:32px;border-radius:99px;background:var(--line)}.schedule-item>i.amber{background:var(--amber)}.schedule-item>div:last-child{display:flex;flex-direction:column}.schedule-item>div:last-child b{font-size:12px;color:var(--text)}.compact-table{padding:0 18px}.compact-row{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--line)}.compact-row:last-child{border:0}.compact-row .grow{display:flex;flex-direction:column;flex:1 1}.compact-row b{font-size:12px;color:var(--text)}.compact-row span{font-size:10px;color:var(--muted);margin-top:2px}.date-cell{display:flex;flex-direction:column}.team-strip{display:flex;align-items:center;justify-content:space-between;border:1px solid var(--border);padding:20px 24px;background:var(--panel);border-radius:var(--r);box-shadow:var(--shadow-sm)}.team-strip>div:first-child span{font-size:10px;color:var(--amber);font-weight:700;letter-spacing:.1em}.team-strip h3{font:700 18px var(--font-display);margin:4px 0 0;color:var(--text)}.member-stack{display:flex}.member-stack .avatar{margin-left:-8px;border:2px solid var(--panel)}.member-stack>span{width:36px;height:36px;border-radius:50%;background:var(--soft-brand-bg);color:var(--amber);border:2px solid var(--panel);display:grid;place-items:center;font-size:11px;font-weight:700;margin-left:-8px}.team-strip a{display:flex;gap:8px;font-size:11px;font-weight:700;text-transform:uppercase;color:var(--amber)}.employee-hero{display:grid;grid-template-columns:1.4fr .6fr;border:1px solid var(--border);margin-bottom:16px;background:var(--panel);border-radius:var(--r);box-shadow:var(--shadow-sm)}.profile-feature{display:flex;align-items:center;gap:18px;padding:24px}.profile-feature>div{display:flex;flex-direction:column}.leave-balance>span,.profile-feature span{font-size:10px;color:var(--amber);font-weight:700;letter-spacing:.1em;text-transform:uppercase}.profile-feature h2{font:700 24px var(--font-display);margin:4px 0;color:var(--text)}.profile-feature p{font-size:12px;color:var(--muted);margin:0}.profile-feature a{margin-left:auto;font-size:11px;font-weight:700;display:flex;gap:6px;text-transform:uppercase;color:var(--amber)}.leave-balance{border-left:1px solid var(--border);padding:24px;display:flex;flex-direction:column}.leave-balance strong{font:700 32px var(--font-display);margin-top:4px;color:var(--text)}.leave-balance strong small{font:400 11px var(--font-body);color:var(--muted)}.leave-balance>div{height:4px;background:var(--panel2);border-radius:99px;margin:10px 0;overflow:hidden}.leave-balance>div i{display:block;background:var(--amber);height:100%;border-radius:99px}.leave-balance a{font-size:10.5px;font-weight:700;text-transform:uppercase;margin-top:auto;color:var(--muted)}.day-list,.payslip-list{padding:0 20px}.day-list>div{display:grid;grid-template-columns:45px 16px 1fr auto;align-items:center;padding:14px 0;border-bottom:1px solid var(--line)}.day-date{display:flex;flex-direction:column}.day-date b{font:700 18px var(--font-display);color:var(--text)}.day-date span{font-size:9px;color:var(--muted);text-transform:uppercase}.day-line{height:36px;display:flex;justify-content:center}.day-line i{width:2px;border-radius:99px;background:var(--line)}.day-line i.active{background:var(--amber)}.day-list>div>div:nth-child(3){display:flex;flex-direction:column}.day-list b{font-size:12px;color:var(--text)}.day-list>div>div:nth-child(3) span{font-size:10px;color:var(--muted);display:flex;align-items:center;gap:5px;margin-top:3px}.payslip-list>div{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--line)}.doc-icon{border:1px solid var(--border);color:var(--amber);font-size:9px;font-weight:700;padding:8px;border-radius:var(--r-sm);background:var(--soft-brand-bg)}.payslip-list>div>div:nth-child(2){display:flex;flex-direction:column;flex:1 1}.payslip-list b{font-size:12px;color:var(--text)}.payslip-list span{font-size:10px;color:var(--muted);margin-top:2px}.payslip-list button{border:0;background:transparent;color:var(--muted)}.notice-grid{display:grid;grid-template-columns:repeat(3,1fr)}.notice-grid article{padding:20px;border-right:1px solid var(--line);min-height:180px;display:flex;flex-direction:column}.notice-grid article:last-child{border:0}.notice-grid span{font-size:10px;color:var(--amber);font-weight:700;letter-spacing:.1em;text-transform:uppercase}.notice-grid h3{font:700 16px var(--font-display);margin:12px 0 6px;color:var(--text)}.notice-grid p{font-size:12px;line-height:1.5;color:var(--muted);margin:0}.notice-grid time{font-size:10px;color:var(--dim);margin-top:auto}.toolbar{gap:10px;margin-bottom:16px}.search-box,.toolbar{display:flex;align-items:center}.search-box{gap:9px;background:var(--panel);border:1px solid var(--border);padding:0 12px;flex:1 1;border-radius:var(--r-sm);transition:all .15s ease}.search-box:focus-within{border-color:var(--amber);box-shadow:0 0 0 3px rgba(8,122,91,.12)}.search-box svg{color:var(--muted)}.search-box input{background:transparent;border:0;outline:0;color:var(--text);padding:10px 0;width:100%;font-size:12px}.form-grid select,.modal-form select,.toolbar select{background:var(--panel);color:var(--text);border:1px solid var(--border);padding:9px 12px;font-size:12px;border-radius:var(--r-sm);outline:0;transition:all .15s ease}.record-count{font-weight:700;letter-spacing:.08em;color:var(--muted);padding:0 12px}.data-card,.editor-card{border:1px solid var(--border);background:var(--panel);border-radius:var(--r);box-shadow:var(--shadow-sm)}.data-table{width:100%}.table-head,.table-row{display:grid;align-items:center;grid-gap:16px;gap:16px;padding:12px 18px}.table-head{border-bottom:1px solid var(--border);font-size:10.5px;letter-spacing:.06em;color:var(--muted)}.table-row{min-height:54px;background:var(--panel)}.table-row:hover{background:var(--panel2)}.employees-table .table-head,.employees-table .table-row{grid-template-columns:1.6fr .75fr 1fr .65fr .55fr 60px}.person-cell{display:flex;align-items:center;gap:10px;min-width:0}.person-cell>div{display:flex;flex-direction:column;min-width:0}.person-cell a,.person-cell b{color:var(--text);font-weight:600}.person-cell span{font-size:10px;color:var(--muted);margin-top:2px;overflow:hidden;text-overflow:ellipsis}.decision-buttons,.row-actions{display:flex;gap:6px}.decision-buttons button,.row-actions a,.row-actions button{width:28px;height:28px;display:grid;place-items:center;border:1px solid var(--border);background:var(--panel);border-radius:var(--r-sm);color:var(--muted);transition:all .15s ease}.reject:hover,.row-actions button:hover{color:var(--red);border-color:var(--red);background:rgba(200,75,75,.08)}.approve:hover,.row-actions a:hover{color:var(--green);border-color:var(--green);background:var(--soft-brand-bg)}.empty-state{text-align:center;padding:60px 20px}.empty-state>span{font:700 40px var(--font-display);color:var(--amber)}.empty-state h3{font:700 17px var(--font-display);color:var(--text);margin:8px 0 4px}.empty-state p{color:var(--muted)}.editor-card{padding:24px}.editor-intro{display:flex;gap:16px;border-bottom:1px solid var(--line);padding-bottom:18px;margin-bottom:20px}.editor-intro>span{color:var(--amber);font:700 12px var(--font-display);letter-spacing:.08em}.editor-intro h2{font:700 18px var(--font-display);margin:0;color:var(--text)}.editor-intro p{font-size:12px;color:var(--muted)}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:14px 20px;gap:14px 20px}.form-grid label,.modal-form label{color:var(--text);font-size:11px;font-weight:600}.form-grid input,.form-grid select,.modal-form input,.modal-form select,.modal-form textarea{display:block;width:100%;background:var(--panel);border:1px solid var(--border);color:var(--text);padding:9px 12px;border-radius:var(--r-sm);margin-top:6px;outline:0;font-size:12px;transition:all .15s ease}.form-grid input:focus,.form-grid select:focus,.modal-form input:focus,.modal-form textarea:focus{border-color:var(--amber);box-shadow:0 0 0 3px rgba(8,122,91,.12)}.form-actions{display:flex;justify-content:flex-end;align-items:center;gap:12px;border-top:1px solid var(--line);padding-top:18px;margin-top:14px}.form-actions>a{font-size:12px;color:var(--muted)}.toast{padding:12px 16px;margin-bottom:14px;font-size:12px;font-weight:600;border-radius:var(--r-sm);display:flex;align-items:center;gap:8px}.toast.success{border:1px solid rgba(22,133,91,.3);background:var(--soft-brand-bg);color:var(--green)}.mini-metrics{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--border);border-radius:var(--r);background:var(--panel);margin-bottom:16px;box-shadow:var(--shadow-sm)}.mini-metrics>div{padding:18px 20px;border-right:1px solid var(--line);display:grid;grid-template-columns:1fr auto;align-items:end}.mini-metrics>div:last-child{border:0}.mini-metrics span{font-size:10px;color:var(--muted);font-weight:700;letter-spacing:.08em;text-transform:uppercase}.mini-metrics strong{grid-row:1/3;grid-column:2;font:700 28px var(--font-display);color:var(--text)}.mini-metrics small{font-size:10px;color:var(--muted);margin-top:4px}.leave-table .table-head,.leave-table .table-row{grid-template-columns:1.1fr .65fr .9fr .5fr 1.3fr .6fr 65px}.leave-table .table-head:has(span:nth-child(5):last-child),.leave-table .table-row:has(.badge:last-child){grid-template-columns:.65fr .9fr .5fr 1.3fr .6fr}.truncate{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.approve{color:var(--green)!important}.reject{color:var(--red)!important}.document-banner{display:flex;justify-content:space-between;align-items:center;background:var(--soft-brand-bg);border:1px solid rgba(8,122,91,.2);border-radius:var(--r);color:var(--text);padding:20px 24px;margin-bottom:16px}.document-banner>div:first-child{display:flex;flex-direction:column}.document-banner span{font-size:10px;letter-spacing:.1em;font-weight:700;color:var(--amber);text-transform:uppercase}.document-banner strong{font:700 32px var(--font-display);margin:4px 0;color:var(--text)}.document-banner p{font-size:12px;color:var(--muted);margin:0}.progress-ring{width:70px;height:70px;border:5px solid var(--border);border-right-color:var(--amber);border-radius:50%;display:grid;place-items:center;font:700 16px var(--font-display);color:var(--text);position:relative}.progress-ring small{position:absolute;bottom:12px;font-size:8px;color:var(--muted)}.salary-table .table-head,.salary-table .table-row{grid-template-columns:1.2fr .8fr .8fr .8fr .7fr 110px}.salary-table .table-head:has(span:nth-child(5):last-child),.salary-table .table-row:has(.download-button:nth-child(5)){grid-template-columns:1fr .8fr .8fr .7fr 110px}.download-button{display:flex;align-items:center;gap:7px;border:1px solid var(--border);background:var(--panel);color:var(--text);padding:6px 12px;font-size:11px;font-weight:600;border-radius:var(--r-sm)}.meeting-layout{display:grid;grid-template-columns:.62fr 1.38fr;grid-gap:16px;gap:16px}.date-poster{background:linear-gradient(145deg,#13231F,#0B1714)!important;padding:24px!important;border-radius:12px!important;border:1px solid rgba(8,122,91,.3)!important;min-height:260px!important;box-shadow:var(--shadow-md)!important}.date-poster>span{font-weight:700!important;letter-spacing:.1em!important;color:#E7F3EE!important;background:rgba(8,122,91,.3)!important;border:1px solid rgba(8,122,91,.4)!important;padding:3px 10px!important}.date-poster strong{font:700 64px/1 var(--font-display)!important;margin:auto 0 6px!important}.date-poster h3{font:600 18px var(--font-display)!important;color:#E7F3EE!important;margin:0 0 4px!important}.date-poster p{color:#A2B3AC!important;line-height:1.4!important}.meeting-stack{border:1px solid var(--border);background:var(--panel);border-radius:var(--r);overflow:hidden;box-shadow:var(--shadow-sm)}.meeting-stack article{display:grid;grid-template-columns:42px 1fr 30px;grid-gap:14px;gap:14px;padding:18px 20px;border-bottom:1px solid var(--line)}.meeting-stack article:last-child{border:0}.meeting-number{font:700 12px var(--font-display);color:var(--muted)}.meeting-stack h2{font:700 16px var(--font-display);margin:8px 0 4px;color:var(--text)}.meeting-stack p{font-size:12px;color:var(--muted)}.meeting-stack article>div:nth-child(2)>span:last-child{font-size:10px;color:var(--dim)}.meeting-stack article>button{border:0;background:transparent;color:var(--muted)}.profile-page-card{border:1px solid var(--border);background:var(--panel);border-radius:var(--r);overflow:hidden;box-shadow:var(--shadow-sm)}.profile-cover{height:160px;background-color:#13231F;background-image:linear-gradient(30deg,rgba(8,122,91,.15) 1px,transparent 0),linear-gradient(150deg,rgba(8,122,91,.15) 1px,transparent 0);background-size:40px 70px;padding:20px}.profile-cover span{font-size:10px;font-weight:700;letter-spacing:.1em;color:#E7F3EE}.profile-main{display:flex;align-items:center;gap:18px;padding:0 24px 20px}.profile-main .avatar{margin-top:-40px;width:64px;height:64px;font-size:18px;border:3px solid var(--panel)}.profile-main>div{display:flex;flex-direction:column}.profile-main span{font-size:10px;font-weight:700;color:var(--amber)}.profile-main h2{font:700 24px var(--font-display);margin:4px 0;color:var(--text)}.profile-main p{font-size:12px;color:var(--muted);margin:0}.profile-main button{margin-left:auto;border:1px solid var(--border);background:var(--panel);padding:8px 14px;color:var(--text);font-size:11.5px;font-weight:600;display:flex;gap:8px;border-radius:var(--r-sm)}.profile-facts{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}.profile-facts>div{display:flex;flex-direction:column;padding:18px 24px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.profile-facts span{font-size:10px;color:var(--muted);font-weight:700;letter-spacing:.08em;text-transform:uppercase}.profile-facts b{font-size:13px;color:var(--text);margin-top:6px;font-weight:600}.modal-backdrop{position:fixed;z-index:99999;inset:0;background:rgba(24,35,31,.45)!important;-webkit-backdrop-filter:blur(4px)!important;backdrop-filter:blur(4px)!important;display:grid;place-items:center;padding:20px}.modal{width:min(600px,100%);max-height:90vh;overflow-y:auto;background:var(--panel)!important;border:1px solid var(--border2)!important;border-radius:12px!important;box-shadow:var(--shadow-lg)!important;padding:24px!important}.modal.modal-lg{width:min(840px,95vw)!important}.modal.modal-xl{width:min(1020px,95vw)!important}.modal-head{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:14px;margin-bottom:18px}.modal-head span{font-size:10px;color:var(--amber);font-weight:700;letter-spacing:.1em;text-transform:uppercase}.modal-head h2{font:700 20px var(--font-display);margin:4px 0 0;color:var(--text)}.modal-head button{border:0;background:transparent;color:var(--muted)}.modal-form textarea{resize:vertical}.two-col{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px}.file-drop{border:1px dashed var(--border2)!important;padding:24px!important;border-radius:var(--r-sm);text-align:center;display:flex!important;flex-direction:column;align-items:center;color:var(--muted)!important;background:var(--panel2)}.file-drop svg{color:var(--amber);margin-bottom:8px}.file-drop span{font-size:10px;color:var(--muted);margin-top:4px}.file-drop input{padding:6px;border:0}.sidebar nav{overflow-y:auto;scrollbar-width:none}.sidebar nav::-webkit-scrollbar{display:none}.sidebar-foot{background:transparent}.header-actions{display:flex;gap:8px}.secondary-button{display:flex;align-items:center;gap:6px;border:1px solid var(--border);padding:0 12px;height:34px;font-size:11.5px;font-weight:600;color:var(--text);background:var(--panel);border-radius:var(--r-sm);box-shadow:var(--shadow-sm)}.dashboard-attendance-link{display:flex;justify-content:space-between;align-items:center;border:1px solid rgba(8,122,91,.2);background:var(--soft-brand-bg);border-radius:var(--r);padding:16px 20px;margin-bottom:16px}.dashboard-attendance-link>div{display:flex;align-items:center;gap:16px}.dashboard-attendance-link span{font-size:10px;letter-spacing:.1em;font-weight:700;color:var(--amber);text-transform:uppercase}.dashboard-attendance-link b{font:700 16px var(--font-display);color:var(--text)}.dashboard-attendance-link small{font-size:11px;color:var(--muted)}.dashboard-attendance-link a{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--amber)}.dashboard-attendance-link.employee{border-color:rgba(22,133,91,.2);background:var(--soft-brand-bg)}.attendance-policy-strip{display:grid;grid-template-columns:1.3fr 1fr 1fr auto;align-items:center;border:1px solid var(--border);background:var(--panel);border-radius:var(--r);padding:16px 20px;margin-bottom:16px;box-shadow:var(--shadow-sm)}.attendance-policy-strip>div{display:flex;flex-direction:column;padding:0 20px;border-right:1px solid var(--line)}.attendance-policy-strip>div:first-child{display:grid;grid-template-columns:25px 1fr;grid-gap:3px 9px;gap:3px 9px;padding-left:0}.attendance-policy-strip svg{grid-row:1/3;color:var(--amber)}.attendance-policy-strip span{font-size:10px;letter-spacing:.08em;font-weight:700;color:var(--muted);text-transform:uppercase}.attendance-policy-strip b{font-size:12px;color:var(--text);margin-top:2px}.attendance-policy-strip a{font-size:10.5px;font-weight:700;text-transform:uppercase;padding-left:20px;color:var(--amber)}.table-filters{display:flex;gap:8px}.report-controls input,.table-filters input,.table-filters select{border:1px solid var(--border);background:var(--panel);color:var(--text);padding:8px 12px;font-size:12px;border-radius:var(--r-sm)}.attendance-table .table-head,.attendance-table .table-row{grid-template-columns:1.35fr .6fr .6fr .6fr .65fr 1fr .8fr}.time-value{display:flex;flex-direction:column}.time-value b{font-size:12px;color:var(--text)}.time-value small{font-size:10px;color:var(--warning);margin-top:2px}.time-value small.red{color:var(--red)}.daily-status,.verification{font-size:10px;color:var(--muted)}.verification{display:flex;align-items:center;gap:4px}.badge.on-time,.verification.verified{color:var(--green)}.badge.on-time{border-color:rgba(22,133,91,.25);background:rgba(22,133,91,.1)}.badge.grace,.badge.late{color:var(--warning);border-color:rgba(201,135,23,.25);background:rgba(201,135,23,.1)}.badge.absent,.badge.early-exit{color:var(--red);border-color:rgba(200,75,75,.25);background:rgba(200,75,75,.1)}.attendance-chart{padding:20px 24px}.chart-bars{height:180px;display:flex;align-items:flex-end;gap:6px;border-bottom:1px solid var(--line);background:transparent}.bar-day{height:100%;flex:1 1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:6px}.bar-stack{height:150px;width:100%;display:flex;align-items:flex-end;justify-content:center;gap:1px}.bar-stack i{width:35%;min-height:2px;border-radius:2px}.bar-stack i.present{background:var(--green)}.bar-stack i.late{background:var(--warning)}.bar-stack i.absent,.bar-stack i.early{background:var(--red)}.bar-day>span{font-size:9px;color:var(--muted);font-weight:600}.attendance-legend{display:flex;gap:20px;margin-top:14px}.attendance-legend span{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--muted);font-weight:600}.attendance-legend i{width:8px;height:8px;border-radius:50%}.attendance-legend .present{background:var(--green)}.attendance-legend .late{background:var(--warning)}.attendance-legend .absent{background:var(--red)}.attendance-hero{display:grid;grid-template-columns:.75fr 1.25fr;grid-gap:16px;gap:16px;margin-bottom:16px}.clock-panel{background:linear-gradient(145deg,#13231F,#0B1714);color:#ffffff;padding:24px;display:flex;flex-direction:column;min-height:260px;border-radius:var(--r);box-shadow:var(--shadow-sm)}.clock-panel>span{font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#E7F3EE}.clock-panel>strong{font:700 52px var(--font-display);letter-spacing:-.04em;margin:auto 0 0;color:#ffffff}.clock-panel>p{display:flex;align-items:center;gap:6px;font-size:12px;color:#A2B3AC}.clock-actions{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px;margin-top:16px}.clock-actions button{display:flex;justify-content:center;align-items:center;gap:8px;border:1px solid #087a5b;background:#087A5B;color:#fff;padding:10px;font-size:11.5px;font-weight:700;border-radius:var(--r-sm)}.clock-actions button+button{background:transparent;color:#E7F3EE;border-color:rgba(255,255,255,.2)}.today-record{border:1px solid var(--border);background:var(--panel);border-radius:var(--r);padding:24px;box-shadow:var(--shadow-sm)}.record-head{display:flex;justify-content:space-between}.record-head>span{font-size:10px;color:var(--muted);font-weight:700;letter-spacing:.1em;text-transform:uppercase}.record-times{display:grid;grid-template-columns:repeat(3,1fr);margin-top:36px}.record-times>div{display:flex;flex-direction:column;border-right:1px solid var(--line);padding:0 20px}.record-times>div:first-child{padding-left:0}.record-times>div:last-child{border:0}.record-times svg{color:var(--amber);width:20px;margin-bottom:14px}.record-times span{font-size:10px;color:var(--muted);font-weight:700;letter-spacing:.08em;text-transform:uppercase}.record-times b{font:700 24px var(--font-display);margin:6px 0;color:var(--text)}.record-times small{font-size:11px;color:var(--muted)}.policy-timeline{padding:20px}.policy-timeline>div{display:flex;justify-content:space-between}.policy-timeline span{font:700 22px var(--font-display);color:var(--amber)}.policy-timeline b{font-size:12px;color:var(--text)}.policy-timeline>i{display:block;height:24px;border-left:2px solid var(--line);margin:4px 0 4px 14px}.employee-attendance-table .table-head,.employee-attendance-table .table-row{grid-template-columns:1.2fr .8fr .8fr .6fr 1fr}.policy-editor{border:1px solid var(--border);background:var(--panel);border-radius:var(--r);box-shadow:var(--shadow-sm)}.policy-editor-head{display:flex;justify-content:space-between;align-items:flex-start;padding:24px;border-bottom:1px solid var(--line)}.policy-editor-head>div{display:grid;grid-template-columns:36px 1fr;grid-column-gap:12px;column-gap:12px}.policy-editor-head svg{grid-row:1/3;color:var(--amber);width:30px;height:30px}.policy-editor-head span{font-size:10px;color:var(--amber);font-weight:700;letter-spacing:.1em;text-transform:uppercase}.policy-editor-head h2{font:700 18px var(--font-display);margin:4px 0 0;color:var(--text)}.policy-fields{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:14px;gap:14px;padding:24px}.policy-fields label{font-size:11px;font-weight:600;color:var(--text)}.policy-fields input{width:100%;display:block;margin:8px 0 4px;border:1px solid var(--border);background:var(--panel);color:var(--text);padding:9px 12px;border-radius:var(--r-sm);font-size:12px}.policy-fields small{font-size:10px;color:var(--muted);font-weight:400}.rule-preview{margin:0 24px 20px;border:1px solid var(--border);border-radius:var(--r-sm);background:var(--panel2);display:grid;grid-template-columns:1.2fr repeat(5,1fr);align-items:center}.rule-preview>span{padding:14px;font-size:10px;color:var(--muted);font-weight:700;letter-spacing:.08em;text-transform:uppercase}.rule-preview>div{padding:12px;border-left:1px solid var(--line)}.rule-preview b{display:block;font-size:11px;color:var(--text);margin-bottom:4px}.policy-editor .form-actions{padding:18px 24px;margin:0}.report-controls{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);margin-bottom:16px}.report-controls>div{display:flex;overflow:auto}.report-controls button{border:0;border-bottom:2px solid transparent;background:transparent;color:var(--muted);padding:10px 14px;font-size:11.5px;font-weight:600;white-space:nowrap}.report-controls button.active{color:var(--amber);border-bottom-color:var(--amber);font-weight:700}.report-controls input{margin-bottom:8px}.report-summary-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}.report-summary-grid>div{padding:18px;border-right:1px solid var(--line);display:flex;flex-direction:column}.report-summary-grid span{font-size:10px;color:var(--muted);font-weight:700;letter-spacing:.08em;text-transform:uppercase}.report-summary-grid b{font:700 18px var(--font-display);color:var(--text);margin:6px 0}.report-summary-grid small{font-size:10.5px;color:var(--muted)}@media(max-width:1050px){.stats-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid,.dashboard-grid.lower,.login-page{grid-template-columns:1fr}.login-visual{display:none}.login-form-side{min-height:100vh}.mobile-brand{display:block;position:absolute;top:25px;left:25px}.employees-table .table-head,.employees-table .table-row{grid-template-columns:1.4fr .7fr 1fr .55fr 55px}.employees-table .table-head span:nth-child(4),.employees-table .table-row>span:nth-child(4){display:none}.leave-table{overflow:auto}.leave-table .table-head,.leave-table .table-row{min-width:800px}.meeting-layout{grid-template-columns:1fr}.date-poster{min-height:260px}.date-poster strong{font-size:90px}.date-poster h3{margin-top:-60px}.date-poster h3,.date-poster p{margin-left:120px}.salary-table{overflow:auto}.salary-table .table-head,.salary-table .table-row{min-width:700px}.attendance-policy-strip{grid-template-columns:1fr 1fr}.attendance-policy-strip>a{padding:15px 20px}.attendance-table{min-width:900px}}@media(max-width:1050px){.panel:has(.attendance-table){overflow:auto}.policy-fields{grid-template-columns:1fr 1fr}.rule-preview{grid-template-columns:repeat(3,1fr)}.rule-preview>span{grid-column:1/-1}.attendance-hero{grid-template-columns:1fr}}@media(max-width:760px){:root{--sidebar:0px}.sidebar{transform:translateX(-100%);width:260px;transition:.25s}.sidebar.open{transform:translateX(0)}.menu-button,.mobile-close{display:block}.scrim{position:fixed;inset:0;background:rgba(0,0,0,.7);z-index:45}.main{margin-left:0}.topbar{padding:0 18px}.top-profile>div,.topbar-word{display:none}.page{padding:28px 16px 55px}.page-header{align-items:flex-start;flex-direction:column}.page-header h1{font-size:42px}.stats-grid{grid-template-columns:1fr 1fr}.stat-card{min-height:125px;padding:15px}.stat-card strong{font-size:29px}.team-strip{align-items:flex-start;gap:20px;flex-direction:column}.employee-hero{grid-template-columns:1fr}.profile-feature{align-items:flex-start;flex-wrap:wrap}.profile-feature a{margin-left:94px}.leave-balance{border-left:0;border-top:1px solid #292929}.notice-grid{grid-template-columns:1fr}.notice-grid article{border-right:0;border-bottom:1px solid #282828}.toolbar{flex-wrap:wrap}.toolbar .search-box{flex-basis:100%}.data-card{overflow:auto}.employees-table{min-width:720px}.form-grid,.mini-metrics{grid-template-columns:1fr}.mini-metrics>div{border-right:0;border-bottom:1px solid #292929}.featured h2{font-size:35px}.profile-facts{grid-template-columns:1fr 1fr}.visual-foot{display:none}.two-col{grid-template-columns:1fr}.header-actions{width:100%;flex-wrap:wrap}.dashboard-attendance-link,.dashboard-attendance-link>div{align-items:flex-start;flex-direction:column}.attendance-policy-strip{grid-template-columns:1fr}.attendance-policy-strip>div{border-right:0;border-bottom:1px solid #292929;padding:13px 0}.attendance-policy-strip>a{padding-left:0}.record-times{grid-template-columns:1fr;margin-top:25px}.record-times>div{border-right:0;border-bottom:1px solid #292929;padding:16px 0}.policy-fields{grid-template-columns:1fr}.rule-preview{grid-template-columns:1fr 1fr}.report-controls{align-items:flex-start;flex-direction:column}.report-summary-grid{grid-template-columns:1fr}.report-summary-grid>div{border-right:0;border-bottom:1px solid #292929}.chart-bars{gap:3px}.bar-day>span{font-size:5px}}@media(max-width:430px){.stats-grid{grid-template-columns:1fr}.login-form-side{padding:30px 20px}.login-form-side h2{font-size:42px}.profile-facts{grid-template-columns:1fr}.date-poster h3,.date-poster p{margin-left:0;margin-top:8px}}.simple-login-page{position:relative;min-height:100vh;display:grid;place-items:center;padding:40px 20px}.simple-login-page .login-visual{display:none}.simple-login-page .login-form-side{position:relative;z-index:2;display:block;width:min(440px,100%);padding:36px 36px 30px;background:var(--panel);border:1px solid var(--border2);box-shadow:0 24px 60px rgba(0,0,0,.6)}.simple-login-page .form-rail,.simple-login-page .mobile-brand{display:none}.simple-login-page .login-form-side form{width:100%}.simple-login-page .login-form-side h2{font:500 36px/1 var(--font-display);letter-spacing:-.04em;margin:0}.simple-login-page .login-form-side h2 i{color:var(--neon);font-style:normal}.simple-login-page .form-subtitle{margin:10px 0 24px;color:var(--muted);font-size:12.5px}.simple-login-page .role-switch{margin-bottom:24px}.simple-login-page label{margin-bottom:16px;font-size:11px;font-weight:700;color:var(--muted)}.simple-login-page .input-wrap{background:var(--bg);border:1px solid var(--border);border-radius:10px}.simple-login-page .login-button{display:flex!important;visibility:visible!important;opacity:1!important;position:relative;z-index:3;width:100%;min-height:48px;margin-top:5px;background:var(--neon);color:var(--bg);border-color:var(--neon);border-radius:10px;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.simple-login-page .login-button:hover{background:#6AFFB4;box-shadow:0 10px 30px rgba(77,255,160,.2)}.simple-login-page .demo-note{margin-top:20px;border-left-color:var(--neon)}.simple-login-page .demo-note span{color:var(--neon)}.simple-login-page .demo-note p{line-height:1.5;color:var(--dim)}@media(max-width:560px){.simple-login-page{padding:30px 16px}.simple-login-page .login-form-side{padding:26px 20px}.simple-login-page .login-form-side h2{font-size:32px}}.auth-form-hidden{display:none!important}.auth-switch{display:flex;justify-content:center;gap:7px;align-items:center;margin-top:19px;font-size:10px;color:#777}.auth-switch button,.back-to-login{border:0;background:transparent;color:var(--amber);font-weight:700;padding:0}.back-to-login{display:flex;align-items:center;gap:6px;margin-bottom:22px;font-size:9px;text-transform:uppercase;letter-spacing:.08em}.signup-success{text-align:center;padding:20px 0}.signup-success>svg{width:48px;height:48px;color:var(--amber);margin-bottom:20px}.signup-success h2{margin:8px 0 14px}.signup-success p{color:#858580;font-size:11px;line-height:1.7;margin:0 0 25px}.form-field-error{display:block;color:#e88778;font-size:8px;font-weight:500;margin-top:5px;letter-spacing:0}.role-select-wrap select{width:100%;border:0;outline:0;padding:14px 12px;cursor:pointer}.role-select-wrap select,.role-select-wrap select option{background:#ffffff;color:#1a1b1e}.role-select-wrap:after{content:"⌄";color:var(--amber);font-size:13px;margin-left:auto}input,input[type=date],input[type=email],input[type=number],input[type=password],input[type=search],input[type=text],input[type=time],select,textarea{background-color:var(--panel)!important;color:var(--text)!important;border:1px solid var(--border)!important;border-radius:var(--r-sm)!important;caret-color:var(--text)!important;outline:none!important}option,select option{background-color:var(--panel)!important;color:var(--text)!important}input:focus,select:focus,textarea:focus{border-color:var(--amber)!important;box-shadow:0 0 0 3px rgba(8,122,91,.15)!important}:root{--bg:#F3F5F4;--panel:#FFFFFF;--panel2:#F8FAF9;--panel3:#EDF2F0;--surface:#FFFFFF;--card:#FFFFFF;--card2:#F8FAF9;--line:#DCE3E0;--border:#DCE3E0;--border2:#C9D3CF;--text:#18231F;--txt:#18231F;--txt2:#5F6F69;--txt3:#89958F;--muted:#5F6F69;--dim:#89958F;--gold:#087A5B;--goldD:#066348;--amber:#087A5B;--primary-green:#087A5B;--accent-green:#087A5B;--soft-brand-bg:#E7F3EE;--green:#16855B;--red:#C84B4B;--danger:#C84B4B;--warning:#C98717;--info:#3976C4;--cobalt:#3976C4;--blue:#3976C4;--neon:#087A5B;--neon-dim:rgba(8,122,91,0.12);--neon-mid:rgba(8,122,91,0.25);--sidebar-bg:#13231F;--sidebar-sec:#192D27;--sidebar-active:#23463C;--font-display:var(--font-body),system-ui,-apple-system,sans-serif;--sidebar:248px;--topbar:60px;--r:10px;--r-sm:6px;--rs:6px;--r-full:9999px;--shadow-sm:0 1px 3px rgba(24,35,31,0.04);--shadow-md:0 4px 12px rgba(24,35,31,0.06);--shadow-lg:0 12px 28px rgba(24,35,31,0.09)}@keyframes loadingBar{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}body,html{font-family:var(--font-body),system-ui,sans-serif;font-size:14px;line-height:1.5}body,html{background:var(--bg)}::selection{background:var(--neon);color:var(--bg)}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:var(--surface)}::-webkit-scrollbar-thumb{background:var(--border2);border-radius:2px}.route-loader{background:var(--bg)}.auth-switch button,.back-to-login,.demo-note span,.eyebrow,.flumenx-mark i,.form-index,.hero-line em,.role-select-wrap:after,.route-loader p,.route-loader span,.signup-success>svg,.simple-login-page .login-form-side h2 i{color:var(--primary-green)}@keyframes g3LogoReveal{0%{opacity:0;transform:scale(.92) translateY(12px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes g3PulseRing{0%,to{transform:scale(1);opacity:.85;box-shadow:0 0 30px rgba(16,185,129,.35)}50%{transform:scale(1.08);opacity:1;box-shadow:0 0 60px rgba(16,185,129,.65)}}.g3-splash-overlay{position:fixed;inset:0;z-index:99999;background:#081310;background-image:radial-gradient(circle at 50% 45%,rgba(16,185,129,.14) 0,rgba(8,19,16,.98) 70%);display:flex;flex-direction:column;align-items:center;justify-content:center;transition:transform .85s cubic-bezier(.76,0,.24,1),opacity .85s cubic-bezier(.76,0,.24,1);overflow:hidden;padding:32px}.g3-splash-overlay.hiding{transform:translateY(-100%);opacity:0;pointer-events:none}.g3-splash-container{width:min(480px,90vw);display:flex;flex-direction:column;align-items:center;text-align:center;position:relative;z-index:2;animation:g3LogoReveal .8s cubic-bezier(.16,1,.3,1) forwards}.g3-splash-logo-img{width:min(340px,85vw);height:auto;max-height:90px;object-fit:contain;margin-bottom:24px;filter:drop-shadow(0 0 25px rgba(16,185,129,.4));display:block}.g3-expand-line-track{width:100%;height:2px;background:rgba(255,255,255,.12);position:relative;overflow:hidden;margin-bottom:20px}.g3-expand-line-fill{height:100%;background:linear-gradient(90deg,#059669,#10B981 50%,#FACC15);transition:width .1s linear;box-shadow:0 0 12px rgba(16,185,129,.8)}.g3-bottom-meta{width:100%;justify-content:space-between;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.g3-bottom-meta,.g3-meta-label{display:flex;align-items:center}.g3-meta-label{font-size:10px;font-weight:700;letter-spacing:.22em;color:#94A3B8;text-transform:uppercase;gap:8px}.g3-meta-label i{display:inline-block;width:6px;height:6px;background:#10B981;border-radius:50%;box-shadow:0 0 8px #10B981}.g3-meta-counter{font-size:22px;font-weight:900;letter-spacing:.08em;color:#FFFFFF}.g3-meta-counter span{font-size:14px;color:#10B981;margin-left:2px}.trailer-frame.one span:last-child,.trailer-word .trailer-letter:last-child{color:var(--neon)}.trailer-sweep{background:linear-gradient(90deg,transparent,rgba(77,255,160,.18),transparent)}.app-shell{min-height:100vh;background:var(--bg)}.sidebar{width:var(--sidebar);background:#111215;border-right:1px solid #1f2127;padding:18px 14px 14px}.side-brand{padding:0 4px 14px;border-bottom:1px solid #1f2127;margin-bottom:10px}.flumenx-mark{font-size:18px;letter-spacing:.05em;color:#cba86e}.flumenx-mark,.flumenx-mark b,.flumenx-mark span{font-weight:800}.flumenx-mark i{width:6px;height:6px;background:#cba86e;box-shadow:0 0 12px rgba(203,168,110,.5)}.workspace{border:1px solid #282b34;border-radius:12px;background:#191b21;padding:8px 10px;margin:0 0 14px;display:flex;align-items:center;gap:10px}.workspace-icon{width:30px;height:30px;border-radius:8px;background:#cba86e;color:#111215;font-weight:900;display:grid;place-items:center;font-size:12px}.workspace b{color:#ffffff;font-weight:700;font-size:12px;display:block}.workspace span{color:#8e7a5c;font-size:10px;display:block}.workspace svg{color:#8e7a5c;margin-left:auto}.sidebar nav{display:flex;flex-direction:column;gap:3px;padding:2px 0}.sidebar nav a{border-left:0;border-radius:12px;padding:9px 12px;color:#d8d5ce;font-size:12.5px;font-weight:600;display:flex;align-items:center;gap:10px;transition:all .18s ease}.sidebar nav a:hover{background:#1c1e24;color:#ffffff}.sidebar nav a.active{background:#cba86e;color:#111215;font-weight:700;box-shadow:0 2px 8px rgba(203,168,110,.25)}.sidebar nav a.active:before{display:none}.sidebar nav a.active svg{color:#111215}.sidebar nav em{background:var(--danger);color:#fff;border-radius:var(--r-full);font-size:10px;font-weight:800;margin-left:auto}.sidebar-foot{border-top:1px solid #1f2127;background:#111215;padding-top:14px;margin-top:auto}.mini-profile{border-radius:12px;background:#191b21;border:1px solid #282b34;padding:8px 10px;margin-bottom:10px;display:flex;align-items:center;gap:10px}.mini-profile b{color:#ffffff;font-size:12px;display:block}.mini-profile span{color:#8e7a5c;font-size:10.5px;display:block}.avatar{background:#cba86e;color:#111215;border:0;font-weight:800}.sidebar-foot>button{width:100%;border-radius:12px;background:#261418;color:#f87171;border:1px solid rgba(248,113,113,.25);padding:9px 12px;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .18s ease}.sidebar-foot>button:hover{background:#361a20;color:#ffa3a3}.main{margin-left:var(--sidebar);background:var(--bg);min-height:100vh}.topbar{position:-webkit-sticky;position:sticky;top:0;z-index:90;height:60px;background:#ffffff;border-bottom:1px solid #e8e6e1;padding:0 24px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 1px 4px rgba(0,0,0,.02)}.topbar-word{font-size:13px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:#1a1b1e}.topbar-word span{color:#8a8e99;font-weight:600}.top-actions{display:flex;align-items:center;gap:12px}.ghost-icon,.icon-button,.menu-button,.mobile-close{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;color:var(--muted);transition:all .18s cubic-bezier(.16,1,.3,1)}.ghost-icon:hover,.icon-button:hover,.menu-button:hover,.mobile-close:hover{background:var(--neon-dim);color:var(--text)}.notification-badge{background:#ff5f6d;color:#fff}.notification-panel{position:absolute;right:0;top:44px;width:min(390px,calc(100vw - 32px));background:#ffffff;border:1px solid var(--border2);border-radius:14px;box-shadow:0 24px 70px rgba(0,0,0,.15);overflow:hidden;z-index:90}.notification-head{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:16px;border-bottom:1px solid var(--border);background:#f9f8f4}.notification-head>div:first-child{display:flex;flex-direction:column;gap:4px}.notification-head b{font-size:15px;color:var(--text);letter-spacing:0}.notification-head span{font-size:11px;color:var(--muted)}.notification-head>div:last-child{display:flex;gap:6px}.notification-head button{border:1px solid var(--border2);background:#ffffff;color:var(--text);border-radius:999px;min-height:30px;padding:0 10px;display:flex;align-items:center;gap:6px;font-size:11px;font-weight:700}.notification-head button:hover:not(:disabled){color:var(--goldD);background:var(--neon-dim);border-color:var(--neon)}.notification-head button:disabled{opacity:.5;cursor:not-allowed}.notification-list{max-height:420px;overflow:auto;padding:8px}.notification-state{padding:34px 16px;text-align:center;color:var(--muted);font-size:13px}.notification-state.error{display:flex;flex-direction:column;gap:10px;align-items:center;color:var(--danger)}.notification-state button{border:1px solid var(--border);background:transparent;color:var(--text);border-radius:999px;padding:7px 12px;font-size:10px}.notification-item{width:100%;display:grid;grid-template-columns:34px 1fr;grid-gap:11px;gap:11px;border:1px solid transparent;border-radius:12px;background:transparent;color:var(--text);text-align:left;padding:11px;transition:.18s ease}.notification-item:hover{background:#f9f8f4;border-color:var(--border)}.notification-item.unread{background:rgba(203,168,110,.12);border-color:rgba(203,168,110,.25);color:var(--text)}.notification-item.read{opacity:.82}.notification-item:disabled{opacity:.7;cursor:wait}.notification-icon{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:rgba(203,168,110,.15);color:var(--goldD);border:1px solid var(--border2)}.notification-item>span:last-child{display:flex;flex-direction:column;gap:5px;min-width:0}.notification-item b{font-size:12px;color:var(--text);line-height:1.25}.notification-item small{font-size:11px;line-height:1.45;color:var(--muted)}.notification-item em{font-style:normal;font-size:10px;color:var(--dim);text-transform:capitalize}.menu-button,.mobile-close{display:none}.top-profile{border-left:1px solid var(--border);padding-left:12px}.page{padding:16px 20px 24px;max-width:100%}.page-header{align-items:flex-end;margin-bottom:12px}.page-header h1{font-size:21px!important;font-weight:700!important;letter-spacing:-.02em;margin:0;line-height:1.2!important;color:var(--text)}.page-header p{color:var(--muted);font-size:11.5px!important;margin:3px 0 0!important;line-height:1.35}.dashboard-attendance-link span,.leave-balance>span,.modal-head span,.notice-grid span,.page-header .eyebrow,.panel-head span,.policy-editor-head span,.profile-cover span,.profile-feature span,.profile-main span,.team-strip>div:first-child span{color:var(--goldD);font-size:9px;letter-spacing:.12em}.attendance-hero,.dashboard-grid,.dashboard-grid.lower,.meeting-layout,.stats-grid{gap:14px}.dashboard-attendance-link,.data-card,.editor-card,.employee-hero,.meeting-stack,.mini-metrics,.panel,.policy-editor,.profile-page-card,.stat-card,.team-strip,.today-record{background:var(--card);border:1px solid var(--border2);border-radius:var(--r);overflow:hidden;box-shadow:0 1px 3px rgba(0,0,0,.03),0 4px 12px rgba(0,0,0,.015);transition:all .2s cubic-bezier(.16,1,.3,1)}.stat-card{min-height:132px;padding:18px;position:relative}.stat-card:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,0,0,.05)}.stat-card:after{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,#cba86e,#a8874e)}.stat-card.accent{border-top-color:var(--border2)}.stat-top{color:var(--muted);font-size:11px;font-weight:600;letter-spacing:.03em;text-transform:uppercase}.decision-buttons button,.row-actions a,.row-actions button,.stat-icon{border:1px solid var(--border2);border-radius:8px;color:var(--goldD);background:rgba(203,168,110,.12)}.stat-card strong{font-size:32px;font-weight:800;color:var(--text);letter-spacing:-.02em}.compact-row span,.day-list span,.meeting-stack p,.payslip-list span,.profile-facts span,.profile-main p,.stat-card small{color:var(--muted)}.panel-head{padding:14px 18px;border-bottom:1px solid var(--border2);background:var(--panel2)}.panel-head h2{font-size:15px;font-weight:700;color:var(--text)}.chart-line,.chart-wrap circle{stroke:var(--neon)}.chart-legend i,.clock-panel,.day-line i.active,.document-banner,.leave-balance>div i,.member-stack>span,.schedule-item>i.amber{background:var(--neon)}.chart-wrap circle{fill:var(--card)}.grid-line{stroke:rgba(203,168,110,.15)}.header-actions,.table-filters,.toolbar{gap:8px}.form-grid select,.input-wrap,.modal-form select,.policy-fields input,.report-controls input,.role-select-wrap select,.search-box,.table-filters input,.table-filters select,.toolbar select{background:var(--surface);border:1px solid var(--border2);border-radius:8px;color:var(--text)}.form-input:focus,.input-wrap:focus-within,.policy-fields input:focus,.search-box:focus-within{border-color:var(--gold);box-shadow:0 0 0 3px rgba(37,99,235,.15)}.file-drop svg,.input-wrap svg,.policy-editor-head svg,.record-times svg{color:var(--goldD)}.input-wrap input,.search-box input{color:var(--text)}.clock-actions button,.login-button,.primary-button{border:1px solid #1d4ed8;background:linear-gradient(135deg,#2563EB,#1D4ED8);color:#ffffff;border-radius:8px;font-weight:700;height:36px;padding:0 16px;font-size:12px;display:inline-flex;align-items:center;justify-content:center;gap:6px;box-shadow:0 2px 10px rgba(37,99,235,.25);transition:all .2s ease}.clock-actions button:hover,.login-button:hover,.primary-button:hover{background:linear-gradient(135deg,#1D4ED8,#1E40AF);border-color:#1E40AF;box-shadow:0 6px 20px rgba(37,99,235,.3);transform:translateY(-1px)}.download-button,.profile-main button,.secondary-button{border:1px solid #cbd5e1;border-radius:8px;background:var(--panel);color:#334155;height:34px;padding:0 12px;font-size:11.5px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:6px;box-shadow:0 1px 2px rgba(0,0,0,.03);transition:all .18s cubic-bezier(.16,1,.3,1)}.download-button:hover,.profile-main button:hover,.secondary-button:hover{background:#F1F5F9;border-color:#2563EB;color:#2563EB}.table-head{background:var(--panel2);border-bottom:1px solid var(--border2);color:#475569;font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.table-row{border-bottom:1px solid var(--line);color:var(--text);font-size:12.5px;min-height:52px;transition:background .15s ease}.table-row:hover{background:#F8FAFC}.person-cell a,.person-cell b,.time-value b{color:var(--text);font-size:12px}.badge{border-radius:var(--r-full);font-size:10px!important;font-weight:700!important;text-transform:none;letter-spacing:0;padding:3px 10px;display:inline-flex;align-items:center;gap:5px}.badge:before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor;flex:none}.badge.grace,.badge.important,.badge.late,.badge.pending{color:#D97706;border-color:rgba(217,119,6,.3);background:rgba(217,119,6,.1)}.badge.active,.badge.approved,.badge.on-time{color:#059669;border-color:rgba(5,150,105,.25);background:rgba(5,150,105,.1)}.badge.absent,.badge.early-exit,.badge.inactive,.badge.rejected,.badge.urgent{color:#DC2626;border-color:rgba(220,38,38,.25);background:rgba(220,38,38,.1)}.approve{color:#059669!important}.form-error,.form-field-error,.reject{color:#DC2626!important}.clock-panel,.document-banner{color:var(--bg);border:0}.date-poster{background:linear-gradient(145deg,#1E293B,#0F172A)!important;color:#ffffff!important;padding:28px!important;border-radius:16px!important;border:1px solid rgba(59,130,246,.25)!important;min-height:280px!important;display:flex!important;flex-direction:column!important;box-shadow:0 10px 30px rgba(15,23,42,.12)!important}.date-poster>span{font-size:10px!important;font-weight:800!important;letter-spacing:.12em!important;color:#60A5FA!important;background:rgba(59,130,246,.15)!important;border:1px solid rgba(59,130,246,.3)!important;padding:4px 10px!important;border-radius:20px!important;align-self:flex-start!important}.date-poster strong{font:700 72px/1 var(--font-display)!important;color:#ffffff!important;letter-spacing:-.03em!important;margin:auto 0 8px!important}.date-poster h3{font:600 20px var(--font-display)!important;color:#93C5FD!important;margin:0 0 6px!important}.date-poster p{font-size:12px!important;color:#94A3B8!important;line-height:1.5!important;margin:0!important}.clock-actions{grid-template-columns:1fr}.clock-actions button+button{display:none}.clock-actions button{color:var(--bg)}.meeting-stack article,.mini-metrics>div,.notice-grid article,.profile-facts>div,.record-times>div{border-color:var(--border)}.simple-login-page{background:var(--bg)}.simple-login-page:before{background-image:linear-gradient(rgba(203,168,110,.04) 1px,transparent 0),linear-gradient(90deg,rgba(203,168,110,.04) 1px,transparent 0)}.simple-login-page:after{border-color:rgba(203,168,110,.16);box-shadow:0 0 90px rgba(203,168,110,.08)}.simple-login-page .login-form-side{background:#ffffff;border:1px solid #dad7ce;border-radius:16px;box-shadow:0 20px 50px rgba(0,0,0,.06),0 4px 16px rgba(0,0,0,.02)}.simple-login-page .login-form-side:before{color:var(--text)}.simple-login-page .login-form-side:after{color:var(--goldD)}.simple-login-page .login-button{background:linear-gradient(135deg,#cba86e,#a8874e)!important;border-color:#a8874e!important;color:#ffffff!important}.simple-login-page .login-button:hover{background:linear-gradient(135deg,#b88d4d,#967540)!important;box-shadow:0 12px 40px rgba(203,168,110,.35)!important}.demo-note{border-left-color:var(--neon)}.demo-note p,.form-subtitle,.signup-success p{color:var(--muted)}.profile-cover{background-color:var(--card2);background-image:linear-gradient(30deg,rgba(203,168,110,.12) 1px,transparent 0),linear-gradient(150deg,rgba(203,168,110,.12) 1px,transparent 0)}.attendance-legend .present,.bar-stack i.present{background:var(--neon)}.attendance-legend .late,.bar-stack i.late{background:var(--amber)}.attendance-legend .absent,.bar-stack i.absent,.bar-stack i.early{background:var(--danger)}@media(max-width:760px){:root{--sidebar:0px}.sidebar{width:min(280px,80vw);padding:18px 14px}.menu-button,.mobile-close{display:grid}.main{margin-left:0}.page{padding:14px}.page-header h1{font-size:34px}}.work-toolbar{align-items:stretch;flex-wrap:wrap}.work-toolbar>svg{align-self:center;color:var(--muted)}.work-toolbar input{background:var(--surface);border:1px solid var(--border2);border-radius:var(--r-sm);color:var(--text);padding:12px;font-size:10px;outline:0}.work-card{overflow:auto}.work-table{min-width:1320px}.work-table .table-head,.work-table .table-row{grid-template-columns:1fr .85fr 1.25fr .8fr .6fr .72fr .85fr .72fr .82fr .72fr 70px}.employee-work-table{min-width:1200px}.employee-work-table .table-head,.employee-work-table .table-row{grid-template-columns:.8fr 1.35fr .85fr .6fr .72fr .85fr .72fr .82fr .72fr 92px}.employee-work-table .row-actions button{width:auto;padding:0 10px;font-size:8px;text-transform:uppercase;letter-spacing:.08em}.employees-table .table-head,.employees-table .table-row{grid-template-columns:1.6fr .75fr 1fr .65fr .55fr 128px}.employee-work-panel .mini-metrics{grid-template-columns:repeat(3,1fr)}.work-drawer-actions{display:flex;justify-content:flex-end;gap:8px;margin-bottom:12px}.employee-work-list{border:1px solid var(--border);background:var(--surface)}.employee-work-list article{display:grid;grid-template-columns:1.2fr .65fr .75fr .45fr .85fr;grid-gap:10px;gap:10px;align-items:center;padding:12px;border-bottom:1px solid rgba(203,168,110,.08);font-size:11px;color:var(--muted)}.employee-work-list article:last-child{border-bottom:0}.employee-work-list article>div{display:flex;flex-direction:column;min-width:0}.employee-work-list article b{color:var(--text);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.employee-work-list article span{font-size:10px}.employee-work-list article em{display:block;color:var(--danger);font-style:normal;font-size:8px;text-transform:uppercase;letter-spacing:.1em;margin-top:3px}.work-table .table-row{align-items:center}.work-title{display:flex;flex-direction:column;min-width:0}.work-title b{color:var(--text);font-size:10px}.work-title b,.work-title small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.work-title small{color:var(--muted);font-size:8px;margin-top:4px}.quantity-cell{display:flex;flex-direction:column;gap:3px}.quantity-cell b{color:var(--text);font-size:10px}.quantity-cell small{color:var(--muted);font-size:8px}.work-progress{display:grid;grid-template-columns:1fr 34px;align-items:center;grid-gap:8px;gap:8px;min-width:0}.work-progress>div{height:6px;background:#252525;border:1px solid var(--border);overflow:hidden}.work-progress i{display:block;height:100%;background:var(--amber)}.work-progress span{font-size:8px;color:var(--text);text-align:right}.quantity-preview{border:1px solid var(--border);background:var(--surface);padding:13px;margin-bottom:18px;display:flex;flex-direction:column;gap:5px}.quantity-preview span{font-size:7px;color:var(--amber);letter-spacing:.14em;text-transform:uppercase}.quantity-preview b{font:500 18px var(--font-display)}.quantity-preview small{font-size:9px;color:var(--muted)}.deliverable-editor{border:1px solid var(--border);background:var(--surface);padding:13px;display:flex;flex-direction:column;gap:12px}.deliverable-editor-head{display:flex;justify-content:space-between;gap:12px;align-items:center}.deliverable-editor-head div{display:flex;flex-direction:column;gap:4px}.deliverable-editor-head b{font-size:11px;color:var(--text)}.deliverable-editor-head span{font-size:8px;color:var(--muted)}.deliverable-empty{border:1px dashed var(--border);padding:12px;color:var(--muted);font-size:9px;text-align:center}.deliverable-compact-list{display:flex;flex-direction:column;border:1px solid rgba(203,168,110,.12)}.deliverable-compact-row{display:grid;grid-template-columns:1fr auto 64px;grid-gap:12px;gap:12px;align-items:center;padding:10px 12px;border-bottom:1px solid rgba(203,168,110,.08)}.deliverable-compact-row:last-child{border-bottom:0}.deliverable-compact-row>div:first-child{display:flex;flex-direction:column;gap:3px;min-width:0}.deliverable-compact-row b{color:var(--text);font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.deliverable-compact-row small,.deliverable-compact-row span{color:var(--muted);font-size:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.deliverable-inline-panel{border:1px solid rgba(203,168,110,.22);background:rgba(203,168,110,.04);padding:12px;display:flex;flex-direction:column;gap:12px}.deliverable-panel-actions,.deliverable-panel-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.deliverable-panel-head b{font-size:10px;color:var(--text)}.deliverable-panel-head button{border:0;background:transparent;color:var(--muted);font-size:9px}.deliverable-form-row{display:grid;grid-template-columns:1fr 1fr .8fr .8fr .7fr;grid-gap:10px;gap:10px;align-items:end}.deliverable-form-row .deliverable-brief{grid-column:1/-1}.deliverable-list{margin-top:10px;border-top:1px solid rgba(203,168,110,.08);padding-top:8px;display:flex;flex-direction:column;gap:8px}.deliverable-list>span{font-size:7px;color:var(--amber);letter-spacing:.12em;text-transform:uppercase}.deliverable-list-item{display:grid;grid-template-columns:1fr auto auto;grid-gap:8px;gap:8px;align-items:center}.deliverable-list-item div{min-width:0}.deliverable-list-item button{width:auto;height:27px;padding:0 9px;font-size:8px;text-transform:uppercase;letter-spacing:.08em;border:1px solid var(--border2);background:transparent;color:var(--text)}.employee-deliverables-panel{grid-column:1/-1;border-top:1px solid rgba(203,168,110,.1);background:rgba(203,168,110,.035);padding:14px 18px 18px;display:flex;flex-direction:column;gap:14px}.employee-deliverable-group{border:1px solid rgba(203,168,110,.13);background:#f9f8f4}.employee-deliverable-group-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-bottom:1px solid rgba(203,168,110,.1)}.employee-deliverable-group-head div{display:flex;flex-direction:column;gap:4px}.employee-deliverable-group-head b{font-size:12px;color:var(--text)}.employee-deliverable-group-head span{font-size:9px;color:var(--muted)}.employee-deliverable-rows{display:flex;flex-direction:column}.employee-deliverable-row{display:grid;grid-template-columns:1fr .55fr .75fr .7fr 104px;grid-gap:14px;gap:14px;align-items:center;padding:12px 14px;border-bottom:1px solid rgba(203,168,110,.07);font-size:10px;color:var(--muted)}.employee-deliverable-row:last-child{border-bottom:0}.employee-deliverable-row>div{display:flex;flex-direction:column;gap:4px;min-width:0}.employee-deliverable-row b{font-size:11px;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.employee-deliverable-row small{font-size:9px;color:var(--muted);white-space:normal;line-height:1.45}.employee-deliverable-row em{display:block;color:var(--danger);font-style:normal;font-size:7px;text-transform:uppercase;letter-spacing:.1em;margin-top:3px}.employee-deliverable-row button{height:30px;border:1px solid var(--border2);background:transparent;color:var(--text);font-size:8px;text-transform:uppercase;letter-spacing:.08em}.overdue-row{background:rgba(255,107,107,.06)}.employee-work-table .overdue-row>span:nth-child(8),.overdue-row>span:nth-child(9){color:var(--danger);display:flex;flex-direction:column;gap:3px}.overdue-row em{font-style:normal;font-size:7px;text-transform:uppercase;letter-spacing:.1em}.quick-client{border:1px solid var(--border);padding:12px;margin-top:8px;display:grid;grid-template-columns:1fr auto;grid-gap:9px;gap:9px;align-items:end}.quick-client button{height:40px;border:1px solid var(--border2);background:transparent;color:var(--text);display:flex;align-items:center;gap:7px;padding:0 12px;font-size:10px;border-radius:var(--r-sm)}.quick-client small{grid-column:1/-1;color:var(--danger);font-size:9px}.modal-form small{display:block;color:var(--danger);font-size:9px;margin-top:6px}.badge.in.progress,.badge.normal{color:var(--goldD);border-color:rgba(203,168,110,.3);background:rgba(203,168,110,.14)}.badge.blocked,.badge.high{color:var(--danger);border-color:rgba(255,107,107,.2);background:rgba(255,107,107,.12)}.badge.low{color:#9aa3b2;border-color:rgba(154,163,178,.2);background:rgba(154,163,178,.12)}@media(max-width:760px){.work-toolbar button,.work-toolbar input,.work-toolbar select{width:100%}.deliverable-editor-head,.deliverable-list-item{grid-template-columns:1fr;display:grid}.deliverable-form-row{grid-template-columns:1fr}.deliverable-form-row .deliverable-brief{grid-column:auto}.employee-deliverable-group-head{align-items:flex-start;flex-direction:column}.employee-deliverable-row{grid-template-columns:1fr;gap:8px}.employee-deliverable-row button{width:100%}.quick-client{grid-template-columns:1fr}.employee-work-panel .mini-metrics{grid-template-columns:1fr 1fr}.work-drawer-actions{flex-direction:column}.employee-work-list{overflow:auto}.employee-work-list article{min-width:680px}}.card{background:var(--panel);border:1px solid var(--border);border-radius:var(--r);padding:16px}.card-h{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.card-t{font-size:13px;font-weight:700;color:var(--text)}.card-s{font-size:11px;color:var(--muted);margin-top:1px}.grid{display:grid;grid-gap:14px;gap:14px}.g2{grid-template-columns:repeat(2,1fr)}.g3{grid-template-columns:repeat(3,1fr)}.g4{grid-template-columns:repeat(4,1fr)}.g5{grid-template-columns:repeat(5,1fr)}.g-2-1{grid-template-columns:2fr 1fr}.g-1-2{grid-template-columns:1fr 2fr}.mb{margin-bottom:16px}.stat{background:var(--panel);border:1px solid var(--border);border-radius:var(--r);padding:15px;position:relative;overflow:hidden}.stat:after{content:"";position:absolute;top:0;left:0;width:3px;height:100%;background:var(--amber)}.stat.c:after{background:#22D3EE}.stat.g:after{background:var(--amber)}.stat.a:after{background:#F59E0B}.stat.r:after{background:var(--red)}.stat.p:after{background:#A78BFA}.stat-l{font-size:10px;letter-spacing:.8px;text-transform:uppercase;color:var(--muted);font-weight:600;margin-bottom:7px}.stat-v{font-size:25px;font-weight:800;line-height:1;letter-spacing:-.5px;color:var(--text)}.stat-n{font-size:11px;color:var(--muted);margin-top:5px}.pbar{height:5px;background:var(--panel2);overflow:hidden;margin-top:8px}.pbar,.pfill{border-radius:3px}.pfill{height:100%;transition:width .5s}.pfill,.pfill.g{background:var(--amber)}.pfill.c{background:#22D3EE}.pfill.a{background:#F59E0B}.pfill.r{background:var(--red)}.kb{display:grid;grid-template-columns:repeat(6,minmax(220px,1fr));grid-gap:12px;gap:12px;overflow-x:auto;padding-bottom:8px}.kb-col{background:var(--panel);border:1px solid var(--border);border-radius:var(--r);display:flex;flex-direction:column;min-height:480px}.kb-head{padding:11px 13px;border-bottom:1px solid var(--border);justify-content:space-between}.kb-head,.kb-name{display:flex;align-items:center}.kb-name{font-size:11px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;gap:6px;color:var(--text)}.kb-dot{width:7px;height:7px;border-radius:50%}.kb-count{background:var(--panel2);border-radius:99px;padding:1px 7px;font-size:10px;font-weight:700;color:var(--muted)}.kb-body{padding:9px;flex:1 1;overflow-y:auto;max-height:65vh;display:flex;flex-direction:column;gap:8px}.tcard{background:var(--panel2);border:1px solid var(--border2);border-radius:var(--r-sm);padding:10px;cursor:pointer;transition:.15s}.tcard:hover{border-color:var(--amber);transform:translateY(-1px)}.tc-top{display:flex;align-items:center;gap:5px;margin-bottom:6px;flex-wrap:wrap}.tc-code{font-family:monospace;font-size:9px;color:var(--muted);font-weight:600}.tc-title{font-size:12px;font-weight:600;line-height:1.35;margin-bottom:7px;color:var(--text)}.tc-meta{display:flex;align-items:center;justify-content:space-between;gap:6px}.tc-av{width:21px;height:21px;border-radius:50%;display:flex;justify-content:center;color:#fff;flex-shrink:0}.chip,.tc-av{align-items:center;font-size:9px;font-weight:700}.chip{letter-spacing:.4px;text-transform:uppercase;padding:2px 7px;border-radius:5px;display:inline-flex;gap:3px;white-space:nowrap}.c-design{background:rgba(245,158,11,.14);color:#F59E0B}.c-video{background:rgba(244,114,182,.14);color:#F472B6}.c-ads{background:rgba(34,211,238,.14);color:#22D3EE}.c-it{background:rgba(203,168,110,.14);color:var(--goldD)}.c-content{background:rgba(167,139,250,.14);color:#A78BFA}.c-ops{background:rgba(59,130,246,.14);color:#3B82F6}.c-client{background:rgba(137,172,160,.14);color:var(--muted)}.tl-phase{background:var(--panel);border:1px solid var(--border);border-radius:var(--r);margin-bottom:11px;overflow:hidden}.tl-ph-h{padding:13px 15px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;border-left:3px solid var(--neon)}.tl-ph-n{font-size:13px;font-weight:700;color:var(--text)}.tl-ph-d{font-size:10.5px;color:var(--muted);margin-top:1px}.tl-ph-body{padding:0 15px 13px;display:block}.fi,.form-grid input,.form-grid select,.fs,.input-wrap input,.kpi-filter-panel input,.kpi-filter-panel select,.modal-form input,.modal-form select,.modal-form textarea,.search-box input,.table-filters input,.table-filters select,.toolbar input,.toolbar select,button.fi,input,input[type=date],input[type=email],input[type=number],input[type=password],input[type=search],input[type=text],input[type=time],select,textarea{background-color:#ffffff!important;color:#1a1b1e!important;border:1px solid #dad7ce!important;border-radius:8px!important;font-size:13px!important;caret-color:#1a1b1e!important;transition:border-color .18s ease,box-shadow .18s ease!important;outline:none!important}.input-wrap,.search-box{background-color:#ffffff!important;border:1px solid #dad7ce!important;border-radius:10px!important}.input-wrap input,.search-box input{border:0!important;background:transparent!important;color:#1a1b1e!important;caret-color:#1a1b1e!important}.input-wrap svg,.search-box svg{color:#6b707d!important}.fi::placeholder,.input-wrap input::placeholder,.search-box input::placeholder,input::placeholder,textarea::placeholder{color:#8a8e99!important;opacity:1!important;-webkit-text-fill-color:#8a8e99!important}.fi:focus,.fs:focus,.input-wrap:focus-within,.search-box:focus-within,input:focus,select:focus,textarea:focus{border-color:#cba86e!important;box-shadow:0 0 0 3px rgba(203,168,110,.25)!important}.fi:disabled,.fs:disabled,input:disabled,select:disabled,textarea:disabled{background-color:#f6f5f1!important;color:#8a8e99!important;border-color:#e8e6e1!important;opacity:.75!important;cursor:not-allowed!important}.form-grid option,.fs option,.kpi-filter-panel option,.modal-form option,.role-select-wrap select option,.table-filters option,.toolbar option,option,select option{background-color:#ffffff!important;color:#1a1b1e!important;padding:8px 12px!important}input:-webkit-autofill,input:-webkit-autofill:focus,input:-webkit-autofill:hover,select:-webkit-autofill,select:-webkit-autofill:focus,select:-webkit-autofill:hover,textarea:-webkit-autofill,textarea:-webkit-autofill:focus,textarea:-webkit-autofill:hover{-webkit-text-fill-color:#1a1b1e!important;-webkit-box-shadow:inset 0 0 0 1000px #ffffff!important;border-color:#dad7ce!important;-webkit-transition:background-color 5000s ease-in-out 0s!important;transition:background-color 5000s ease-in-out 0s!important;caret-color:#1a1b1e!important}.logout-backdrop{position:fixed;inset:0;z-index:99999;display:flex;align-items:center;justify-content:center;padding:16px;background:rgba(0,0,0,.78);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.logout-dialog{width:min(390px,100%);padding:24px;background:var(--panel);border:1px solid var(--border2);border-radius:16px;box-shadow:0 22px 60px rgba(0,0,0,.15)}.logout-confirm,.logout-dialog-actions,.logout-dialog-head,.logout-dialog-title{display:flex;align-items:center}.logout-dialog-head{justify-content:space-between;gap:16px}.logout-dialog-title{gap:12px}.logout-dialog-icon{display:grid;place-items:center;width:40px;height:40px;color:#FB7185;background:rgba(244,63,94,.1);border:1px solid rgba(244,63,94,.2);border-radius:12px}.logout-dialog h3{margin:0;color:var(--text);font-size:16px;font-weight:800}.logout-dialog-close{display:grid;place-items:center;width:30px;height:30px;border:0;border-radius:8px;color:var(--muted);background:transparent}.logout-dialog-close:hover{color:var(--text);background:rgba(255,255,255,.06)}.logout-dialog-copy{margin:18px 0 0;color:#89ACA0;font-size:12px;line-height:1.65}.logout-dialog-actions{justify-content:flex-end;gap:10px;margin-top:22px}.logout-cancel,.logout-confirm{min-height:36px;border:0;border-radius:10px;padding:0 16px;font-size:12px;font-weight:800;cursor:pointer;transition:background .18s ease,color .18s ease,opacity .18s ease}.logout-cancel{color:#D4DADF;background:rgba(30,41,59,.9)}.logout-cancel:hover{background:#334155}.logout-confirm{gap:8px;color:#fff;background:#E11D48}.logout-confirm:hover{background:#F43F5E}.logout-cancel:disabled,.logout-confirm:disabled,.logout-dialog-close:disabled{cursor:not-allowed;opacity:.55}.logout-spin{animation:logoutSpin .8s linear infinite}@keyframes logoutSpin{to{transform:rotate(1turn)}}.kpi-dashboard{width:100%;max-width:1580px;margin:0 auto;color:var(--text);display:flex;flex-direction:column;gap:18px}.kpi-dashboard *{box-sizing:border-box}.kpi-dashboard svg{width:18px;height:18px;vertical-align:middle}.kpi-analytics-grid>div,.kpi-empty-spotlight,.kpi-filter-panel,.kpi-hero,.kpi-spotlight,.kpi-summary-grid>div,.kpi-table-panel{background:var(--card);border:1px solid var(--border);border-radius:var(--r);box-shadow:none}.kpi-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:22px;padding:24px}.kpi-hero h1{display:flex;align-items:center;gap:12px;margin:0;font:800 30px/1.05 var(--font-display);letter-spacing:0;color:var(--text)}.kpi-hero h1>div{width:42px;height:42px;border:1px solid var(--border2);border-radius:var(--r-sm);display:grid;place-items:center;background:var(--neon-dim);color:var(--neon)}.kpi-hero p{margin:10px 0 0;max-width:780px;color:var(--muted);font-size:13px;line-height:1.6}.kpi-hero-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.kpi-dashboard button{border:1px solid var(--border2);background:var(--panel2);color:var(--text);border-radius:var(--r-sm);padding:10px 13px;font-size:12px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:38px}.kpi-dashboard button:hover{border-color:var(--neon);background:var(--neon-dim)}.kpi-dashboard button:disabled{opacity:.55;cursor:not-allowed}.kpi-hero-actions button:nth-last-child(2){background:var(--neon);border-color:var(--neon);color:var(--bg)}.kpi-hero-actions button:last-child{width:38px;padding:0}.kpi-filter-panel{padding:18px 20px}.kpi-panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:14px;margin-bottom:16px;border-bottom:1px solid var(--border)}.kpi-panel-head>div{display:flex;align-items:center;gap:8px;color:var(--text);font-size:12px;font-weight:800}.kpi-panel-head svg{color:var(--neon)}.kpi-panel-head button{padding:7px 10px;min-height:30px;color:var(--neon);background:transparent}.kpi-filter-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-gap:12px;gap:12px;align-items:end}.kpi-filter-grid label{display:block;margin:0 0 7px;color:var(--muted);font-size:10px;font-weight:800;letter-spacing:.04em}.kpi-dashboard input,.kpi-dashboard select{width:100%;min-height:38px;border:1px solid var(--border2);background:var(--panel);color:var(--text);border-radius:var(--r-sm);padding:8px 10px;font-size:12px;outline:0}.kpi-dashboard input:focus,.kpi-dashboard select:focus{border-color:var(--neon);box-shadow:0 0 0 3px var(--neon-dim)}.kpi-dashboard select option{background:var(--panel);color:var(--text)}.kpi-filter-grid [class*=relative]{position:relative}.kpi-filter-grid [class*=absolute]{position:absolute;left:0;right:0;top:100%;z-index:30;margin-top:6px;background:var(--panel);border:1px solid var(--border2);border-radius:var(--r-sm);box-shadow:0 18px 50px rgba(0,0,0,.45);padding:8px;max-height:260px;overflow:auto}.kpi-filter-grid [class*=absolute] button{display:flex;width:100%;justify-content:space-between;background:transparent;border:0;color:var(--text);padding:8px;border-radius:var(--r-sm);min-height:0;text-align:left}.kpi-filter-grid [class*=absolute] button:hover{background:var(--neon-dim)}.kpi-summary-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-gap:12px;gap:12px}.kpi-summary-grid>div{min-height:128px;padding:17px;display:flex;flex-direction:column;justify-content:space-between}.kpi-summary-grid>div>div:first-child{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.kpi-summary-grid p{margin:0;color:var(--muted);font-size:10px;line-height:1.4}.kpi-summary-grid p:first-child{text-transform:uppercase;letter-spacing:.12em;color:var(--muted);font-weight:800}.kpi-summary-grid h3{margin:10px 0 0;font:800 28px/1 var(--font-display);color:var(--text)}.kpi-summary-grid h3 span{font-size:12px;color:var(--muted);font-weight:600}.kpi-summary-grid svg{color:var(--neon)}.kpi-summary-grid>div>div:first-child>div:last-child{width:38px;height:38px;display:grid;place-items:center;border:1px solid var(--border2);border-radius:var(--r-sm);background:var(--neon-dim)}.kpi-spotlight{padding:20px}.kpi-spotlight>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:18px;padding-bottom:16px;border-bottom:1px solid var(--border)}.kpi-spotlight h2{margin:0;color:var(--text);font-size:22px}.kpi-spotlight p{margin:5px 0 0;color:var(--muted);font-size:12px}.kpi-spotlight a{display:inline-flex;align-items:center;gap:7px;background:var(--neon);color:var(--bg);border-radius:var(--r-sm);padding:10px 13px;font-size:12px;font-weight:800}.kpi-empty-spotlight{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;color:var(--muted);font-size:12px}.kpi-empty-spotlight>div{display:flex;align-items:center;gap:8px}.kpi-analytics-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:14px;gap:14px}.kpi-analytics-grid>div{padding:18px;min-height:300px}.kpi-analytics-grid h3,.kpi-table-panel h3{margin:0;display:flex;align-items:center;gap:8px;color:var(--text);font-size:14px}.kpi-analytics-grid>div>div:first-child,.kpi-table-panel>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:13px;margin-bottom:14px;border-bottom:1px solid var(--border)}.kpi-analytics-grid span,.kpi-table-panel p{color:var(--muted)}.kpi-analytics-grid svg,.kpi-table-panel svg{color:var(--neon)}.kpi-analytics-grid [style*=width]{max-width:100%}.kpi-table-panel{overflow:hidden}.kpi-table-panel>div:first-child{padding:18px 20px;margin-bottom:0}.kpi-table-panel>div:first-child>div:last-child{display:flex;align-items:center;gap:8px}.kpi-table-panel table{width:100%;border-collapse:collapse}.kpi-table-panel thead{background:var(--panel);color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.kpi-table-panel td,.kpi-table-panel th{padding:13px 16px;border-bottom:1px solid var(--border);text-align:left;vertical-align:middle}.kpi-table-panel td:last-child,.kpi-table-panel th:last-child{text-align:right}.kpi-table-panel tbody tr:hover{background:var(--neon-dim)}.kpi-table-panel a{color:var(--neon);font-weight:800;display:inline-flex;align-items:center;gap:5px}.kpi-table-panel [class*=overflow-x-auto]{overflow-x:auto}.kpi-table-panel [class*=rounded-xl]{border-radius:var(--r-sm)}.kpi-dashboard [class*=rounded-full]{border-radius:var(--r-full)}.kpi-dashboard [class*=font-mono]{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.kpi-dashboard [class*=text-blue],.kpi-dashboard [class*=text-cyan],.kpi-dashboard [class*=text-emerald]{color:var(--neon)!important}.kpi-dashboard [class*=text-rose]{color:var(--red)!important}.kpi-dashboard [class*=text-amber]{color:#FFC857!important}.kpi-dashboard [class*=bg-blue],.kpi-dashboard [class*=bg-cyan],.kpi-dashboard [class*=bg-emerald]{background:var(--neon-dim)!important;border-color:var(--border2)!important}.kpi-dashboard [class*=bg-rose]{background:rgba(255,107,107,.1)!important;border-color:rgba(255,107,107,.28)!important}.kpi-dashboard [class*=bg-amber]{background:rgba(255,200,87,.1)!important;border-color:rgba(255,200,87,.28)!important}@media(max-width:1250px){.kpi-filter-grid,.kpi-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.kpi-analytics-grid{grid-template-columns:1fr 1fr}}@media(max-width:760px){.kpi-empty-spotlight,.kpi-hero,.kpi-spotlight>div:first-child,.kpi-table-panel>div:first-child{align-items:flex-start;flex-direction:column}.kpi-hero-actions,.kpi-table-panel>div:first-child>div:last-child{width:100%;justify-content:flex-start;flex-wrap:wrap}.kpi-analytics-grid,.kpi-filter-grid,.kpi-summary-grid{grid-template-columns:1fr}.kpi-hero h1{font-size:24px}.kpi-table-panel table{min-width:820px}}.kpi-spotlight h2+span,.kpi-spotlight>div:first-child>div:first-child,.kpi-spotlight>div:first-child>div:last-child,.kpi-table-panel td:first-child>div{display:flex;align-items:center;gap:12px}.kpi-spotlight>div:first-child>div:last-child{justify-content:flex-end;flex-wrap:wrap}.kpi-spotlight>div:first-child>div:first-child>div:first-child,.kpi-table-panel td:first-child>div>div:first-child{width:42px;height:42px;display:grid;place-items:center;flex:none;border:1px solid var(--border2);border-radius:var(--r-sm);background:var(--neon-dim);color:var(--neon);font-weight:900}.kpi-spotlight>div:first-child>div:last-child>div{padding:0 14px 0 0}.kpi-spotlight>div:first-child>div:last-child>div+div{padding-left:16px;border-left:1px solid var(--border)}.kpi-table-panel td:first-child [class*=font-semibold],.kpi-table-panel td:first-child b{display:block;color:var(--text);font-weight:800}.kpi-table-panel td:first-child [class*=text-]{color:var(--muted)}.kpi-table-panel>div:first-child>div:last-child>div{position:relative}.kpi-table-panel>div:first-child>div:last-child>div svg{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:var(--muted)}.kpi-table-panel>div:first-child input{padding-left:32px}.kpi-analytics-grid>div>div:not(:first-child){display:flex;flex-direction:column;gap:12px}.kpi-analytics-grid>div>div:not(:first-child)>div{display:flex;flex-direction:column;gap:7px}.kpi-analytics-grid [class*=justify-between]{display:flex;justify-content:space-between;align-items:center;gap:10px}.kpi-analytics-grid [class*=rounded-full][style]{display:block;height:100%}.kpi-analytics-grid [class*=bg-slate-950]{background:var(--panel);border:1px solid var(--border);border-radius:var(--r-full);overflow:hidden}.kpi-dashboard [class*=inline-flex]{display:inline-flex;align-items:center;gap:5px}.kpi-dashboard [class*=truncate]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kpi-dashboard [class*="text-[10px]"],.kpi-dashboard [class*="text-[11px]"],.kpi-dashboard [class*=text-xs]{font-size:11px}.kpi-dashboard [class*=font-bold],.kpi-dashboard [class*=font-extrabold],.kpi-dashboard [class*=font-semibold]{font-weight:800}.kpi-detail-page{width:100%;max-width:1580px;margin:0 auto;color:var(--text);display:flex;flex-direction:column;gap:18px}.kpi-detail-page *{box-sizing:border-box}.kpi-detail-page svg{width:18px;height:18px;vertical-align:middle}.kpi-component-grid>div,.kpi-detail-charts>div,.kpi-detail-hero,.kpi-insights-grid>div,.kpi-score-panel{background:var(--card)!important;border:1px solid var(--border)!important;border-radius:var(--r)!important;box-shadow:none!important}.kpi-detail-hero{display:flex!important;align-items:flex-end!important;justify-content:space-between!important;gap:18px!important;padding:22px!important}.kpi-detail-hero>div:first-child{display:flex!important;align-items:center!important;gap:14px!important;min-width:0}.kpi-detail-hero a{display:inline-grid!important;place-items:center!important;width:38px!important;height:38px!important;flex:none;border:1px solid var(--border2)!important;border-radius:var(--r-sm)!important;background:var(--panel2)!important;color:var(--text)!important}.kpi-detail-hero a:hover{border-color:var(--neon)!important;color:var(--neon)!important}.kpi-detail-hero h1{margin:0!important;font:800 30px/1.05 var(--font-display)!important;color:var(--text)!important;letter-spacing:0!important}.kpi-detail-hero p{display:flex!important;align-items:center!important;gap:8px!important;flex-wrap:wrap;margin:8px 0 0!important;color:var(--muted)!important;font-size:12px!important}.kpi-detail-hero [class*=w-14]{width:52px!important;height:52px!important;display:grid!important;place-items:center!important;border:1px solid var(--border2)!important;border-radius:var(--r-sm)!important;background:var(--neon-dim)!important;color:var(--neon)!important;font-size:20px!important;font-weight:900!important}.kpi-detail-hero [class*=rounded-full],.kpi-detail-page [class*=rounded-full]{border-radius:var(--r-full)!important}.kpi-detail-actions{display:flex!important;align-items:center!important;gap:8px!important;flex-wrap:wrap!important;justify-content:flex-end!important}.kpi-detail-actions>div{display:flex!important;align-items:center!important;gap:6px!important;padding:6px!important}.kpi-detail-actions>div,.kpi-detail-page input,.kpi-detail-page select,.kpi-detail-page textarea{border:1px solid var(--border2)!important;border-radius:var(--r-sm)!important;background:var(--panel)!important}.kpi-detail-page input,.kpi-detail-page select,.kpi-detail-page textarea{color:var(--text)!important;padding:8px 10px!important;font-size:12px!important;outline:0!important}.kpi-detail-page select option{background:var(--panel);color:var(--text)}.kpi-detail-actions button,.kpi-rating-backdrop button{border:1px solid var(--border2)!important;background:var(--neon)!important;color:var(--bg)!important;border-radius:var(--r-sm)!important;padding:10px 13px!important;font-size:12px!important;font-weight:800!important;display:inline-flex!important;align-items:center!important;gap:8px!important}.kpi-score-panel{padding:20px!important}.kpi-score-layout{display:grid!important;grid-template-columns:320px 1fr!important;grid-gap:18px!important;gap:18px!important;align-items:stretch!important}.kpi-gauge-card{background:var(--panel)!important;border:1px solid var(--border)!important;border-radius:var(--r)!important;padding:22px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important;min-height:275px!important}.kpi-gauge-card [class*=w-36]{width:170px!important;height:170px!important;position:relative!important;display:grid!important;place-items:center!important}.kpi-gauge-card svg{width:170px!important;height:170px!important;display:block!important;transform:rotate(-90deg)!important}.kpi-gauge-card [class*=absolute]{position:absolute!important;inset:0!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important}.kpi-gauge-card [class*=text-3xl]{font:900 42px/1 var(--font-display)!important;color:var(--text)!important}.kpi-gauge-card span{color:var(--muted);font-size:11px}.kpi-gauge-card [class*=inline-flex]{display:inline-flex!important;align-items:center!important;margin-top:6px;padding:5px 9px!important;border:1px solid var(--border2)!important}.kpi-quick-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;grid-gap:12px!important;gap:12px!important}.kpi-quick-grid>div{background:var(--panel)!important;border:1px solid var(--border)!important;border-radius:var(--r-sm)!important;padding:16px!important;flex-direction:column!important;min-height:128px!important}.kpi-quick-grid>div,.kpi-quick-grid>div>div:first-child{display:flex!important;justify-content:space-between!important}.kpi-quick-grid>div>div:first-child{gap:10px!important;color:var(--muted)!important}.kpi-quick-grid p{margin:10px 0!important;font:900 24px/1 var(--font-display)!important;color:var(--text)!important}.kpi-quick-grid span{color:var(--muted);font-size:11px}.kpi-breakdown>div:first-child{display:flex!important;align-items:center!important;justify-content:space-between!important;margin-bottom:12px}.kpi-breakdown h2,.kpi-component-grid h3,.kpi-detail-charts h3,.kpi-insights-grid h3{display:flex!important;align-items:center!important;gap:8px!important;margin:0!important;color:var(--text)!important;font-size:14px!important}.kpi-component-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;grid-gap:14px!important;gap:14px!important}.kpi-component-grid>div,.kpi-detail-charts>div,.kpi-insights-grid>div{padding:18px!important}.kpi-component-grid>div>div:first-child,.kpi-detail-charts>div>div:first-child,.kpi-insights-grid>div>div:first-child{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;padding-bottom:12px!important;margin-bottom:12px!important;border-bottom:1px solid var(--border)!important}.kpi-component-grid [class*=justify-between],.kpi-detail-charts [class*=justify-between],.kpi-insights-grid [class*=justify-between]{display:flex!important;justify-content:space-between!important;align-items:center!important;gap:10px!important}.kpi-component-grid [class*=space-y-2],.kpi-detail-charts [class*=space-y-3],.kpi-insights-grid [class*=space-y-2]{display:flex!important;flex-direction:column!important;gap:9px!important}.kpi-component-grid [class*=bg-slate-950],.kpi-detail-charts [class*=bg-slate-950]{background:var(--panel)!important;border:1px solid var(--border)!important;border-radius:var(--r-full)!important;overflow:hidden!important}.kpi-insights-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;grid-gap:14px!important;gap:14px!important}.kpi-insights-grid p{margin:0;color:var(--muted);line-height:1.6}.kpi-detail-charts{display:grid!important;grid-template-columns:1fr 1fr!important;grid-gap:14px!important;gap:14px!important}.kpi-detail-charts svg{width:100%!important;height:180px!important;overflow:visible!important}.kpi-detail-page [class*=text-blue],.kpi-detail-page [class*=text-cyan],.kpi-detail-page [class*=text-emerald],.kpi-detail-page [class*=text-purple]{color:var(--neon)!important}.kpi-detail-page [class*=text-rose]{color:var(--red)!important}.kpi-detail-page [class*=text-amber]{color:#FFC857!important}.kpi-detail-page [class*=font-mono]{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.kpi-rating-backdrop{position:fixed!important;inset:0!important;z-index:99999!important;display:grid!important;place-items:center!important;background:rgba(2,8,6,.9)!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;padding:20px!important}.kpi-rating-backdrop>div{width:min(480px,100%)!important;background:var(--card)!important;border:1px solid var(--border2)!important;border-radius:var(--r)!important;padding:22px!important}.kpi-rating-backdrop form{display:flex!important;flex-direction:column!important;gap:14px!important}.kpi-rating-backdrop label{margin:0 0 7px!important;color:var(--muted)!important}.kpi-rating-backdrop textarea{min-height:96px!important;resize:vertical}.kpi-rating-backdrop [class*=justify-end]{display:flex!important;justify-content:flex-end!important;gap:8px!important}@media(max-width:1180px){.kpi-score-layout{grid-template-columns:1fr!important}.kpi-component-grid,.kpi-detail-charts,.kpi-insights-grid{grid-template-columns:1fr 1fr!important}.kpi-quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media(max-width:760px){.kpi-component-grid,.kpi-detail-actions,.kpi-detail-charts,.kpi-detail-hero,.kpi-detail-hero>div:first-child,.kpi-insights-grid,.kpi-quick-grid{grid-template-columns:1fr!important;align-items:flex-start!important;flex-direction:column!important}.kpi-detail-actions{width:100%!important}.kpi-detail-hero h1{font-size:24px!important}.kpi-score-panel{padding:14px!important}}body{font-size:13px;line-height:1.45}.sidebar nav a{font-size:13px;padding:12px 13px;color:#8a8e99}.mini-profile b,.top-profile b,.workspace b{font-size:11px}.mini-profile span,.top-profile span,.workspace span{font-size:9px;color:#6b707d}.sidebar-foot>button{font-size:11px;color:#6b707d}.sidebar nav em{font-size:9px;min-width:20px;text-align:center;padding:2px 6px}.kpi-hero p,.page-header p{font-size:13px;color:#6b707d}.eyebrow,.page-header .eyebrow{font-size:10px}.login-button,.panel-head a,.primary-button,.text-action{font-size:12px}.search-box{min-height:44px}.search-box input{font-size:13px;padding:12px 0;color:#1a1b1e!important}.form-grid select,.input-wrap input,.modal-form input,.modal-form select,.modal-form textarea,.toolbar select,input,select,textarea{font-size:13px!important;color:#1a1b1e!important;caret-color:#1a1b1e!important}.form-grid select,.modal-form input,.modal-form select,.modal-form textarea,.toolbar select,input,select,textarea{min-height:40px}.modal-form textarea,textarea{line-height:1.5}.input-wrap{min-height:42px}.input-wrap input{padding:12px 10px}.form-grid select,.modal-form select,.toolbar select{padding:11px 12px;color:#1a1b1e!important}.form-grid select option,.modal-form select option,.toolbar select option,select option{background:#ffffff!important;color:#1a1b1e!important}.form-grid label,.modal-form label,label{font-size:12px;color:#4a4d55}.table-head{font-size:9px;color:#5c606b}.table-row{min-height:66px}.person-cell a,.person-cell b,.table-row{font-size:12px;color:#1a1b1e}.person-cell span{font-size:9px;color:#6b707d}.badge{font-size:9px!important;padding:5px 8px}.record-count{font-size:10px;color:#6b707d}.empty-state p{font-size:12px;color:#6b707d}.mini-metrics div span,.panel-head span,.stat-top{font-size:9px}.mini-metrics div small,.stat-card small{font-size:10px;color:#6b707d}.kpi-dashboard button,.kpi-detail-actions button,.kpi-rating-backdrop button{font-size:12px!important;min-height:38px!important}.kpi-dashboard input,.kpi-dashboard select,.kpi-detail-page input,.kpi-detail-page select,.kpi-detail-page textarea{font-size:13px!important;min-height:40px!important;padding:9px 11px!important}.kpi-filter-grid label{font-size:11px}.kpi-dashboard [class*="text-[10px]"],.kpi-dashboard [class*="text-[11px]"],.kpi-dashboard [class*=text-xs],.kpi-detail-page [class*="text-[10px]"],.kpi-detail-page [class*="text-[11px]"],.kpi-detail-page [class*=text-xs]{font-size:11px!important}.kpi-table-panel table{font-size:12px}.kpi-table-panel td:first-child [class*=text-],.kpi-table-panel thead{font-size:10px}.kpi-analytics-grid h3,.kpi-component-grid h3,.kpi-detail-charts h3,.kpi-table-panel h3{font-size:14px!important}.kpi-simple-layout{display:grid!important;grid-template-columns:minmax(280px,340px) minmax(0,1fr)!important;grid-gap:18px!important;gap:18px!important;align-items:start!important}.kpi-factor-panel,.kpi-score-summary{background:var(--card)!important;border:1px solid var(--border)!important;border-radius:var(--r)!important;box-shadow:none!important;padding:22px!important}.kpi-score-summary{border-color:var(--border2)!important;display:flex!important;flex-direction:column!important;gap:18px!important}.kpi-score-eyebrow{margin:0!important;color:var(--neon)!important;font-size:11px!important;font-weight:900!important;text-transform:uppercase!important;letter-spacing:.08em!important}.kpi-score-value{display:flex!important;align-items:flex-end!important;gap:8px!important;margin-top:12px!important}.kpi-score-value>span{font:900 64px/.88 var(--font-display)!important;color:var(--text)!important;letter-spacing:0!important}.kpi-score-value>small{padding-bottom:7px!important;color:var(--muted)!important;font-size:18px!important;font-weight:800!important}.kpi-grade-pill{display:inline-flex!important;align-items:center!important;width:max-content!important;margin-top:14px!important;padding:6px 11px!important;border-radius:var(--r-full)!important;font-size:11px!important;font-weight:900!important}.kpi-score-copy{border-top:1px solid var(--border)!important;padding-top:16px!important;display:flex!important;flex-direction:column!important;gap:9px!important}.kpi-score-copy p{margin:0!important;color:var(--text)!important;font-size:13px!important;line-height:1.6!important}.kpi-scale-box{background:var(--panel)!important;border:1px solid var(--border)!important;border-radius:var(--r-sm)!important;padding:14px!important}.kpi-scale-box>p{margin:0 0 10px!important;color:var(--muted)!important;font-size:11px!important;font-weight:900!important;text-transform:uppercase!important;letter-spacing:.07em!important}.kpi-scale-box>div{display:flex!important;flex-direction:column!important;gap:8px!important}.kpi-scale-box>div>div{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;color:var(--muted)!important;font-size:12px!important}.kpi-scale-box b{color:var(--text)!important;font-size:12px!important;font-weight:900!important;text-align:right!important}.kpi-factor-panel{display:flex!important;flex-direction:column!important;gap:14px!important}.kpi-factor-head{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:16px!important;padding-bottom:14px!important;border-bottom:1px solid var(--border)!important}.kpi-factor-head h2{display:flex!important;align-items:center!important;gap:8px!important;margin:0!important;color:var(--text)!important;font:900 18px/1.2 var(--font-display)!important;letter-spacing:0!important}.kpi-factor-head p{margin:6px 0 0!important;color:var(--muted)!important;font-size:12px!important}.kpi-factor-head>span{flex:none!important;color:var(--muted)!important;font-size:11px!important;font-feature-settings:"tnum"!important;font-variant-numeric:tabular-nums!important}.kpi-factor-list{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-gap:12px!important;gap:12px!important}.kpi-factor-card{background:var(--panel)!important;border:1px solid var(--border)!important;border-radius:var(--r-sm)!important;padding:15px!important}.kpi-factor-main{justify-content:space-between!important;gap:16px!important}.kpi-factor-main,.kpi-factor-title{display:flex!important;align-items:flex-start!important}.kpi-factor-title{gap:12px!important;min-width:0!important}.kpi-factor-icon{width:36px!important;height:36px!important;display:grid!important;place-items:center!important;flex:none!important;background:var(--bg)!important;border:1px solid var(--border2)!important;border-radius:var(--r-sm)!important}.kpi-factor-title h3{margin:0!important;color:var(--text)!important;font-size:13px!important;font-weight:900!important}.kpi-factor-title p{margin:4px 0 0!important;color:var(--muted)!important;font-size:12px!important;line-height:1.45!important}.kpi-factor-title small{display:block!important;margin-top:4px!important;color:#789389!important;font-size:11px!important;line-height:1.35!important}.kpi-factor-score{text-align:right!important;flex:none!important}.kpi-factor-score p{margin:0!important;color:var(--text)!important;font-size:16px!important;font-weight:900!important;font-feature-settings:"tnum"!important;font-variant-numeric:tabular-nums!important}.kpi-factor-score small,.kpi-factor-score span{color:var(--muted)!important;font-size:11px!important;font-weight:700!important}.kpi-factor-bar{height:7px!important;margin-top:12px!important;background:var(--bg)!important;overflow:hidden!important}.kpi-factor-bar,.kpi-factor-fill{border-radius:var(--r-full)!important}.kpi-factor-fill{height:100%!important}@media(max-width:1100px){.kpi-factor-list,.kpi-simple-layout{grid-template-columns:1fr!important}}@media(max-width:640px){.kpi-factor-head,.kpi-factor-main{flex-direction:column!important}.kpi-factor-score{text-align:left!important}.kpi-score-value>span{font-size:52px!important}}.topbar{transition:padding .2s ease,height .2s ease}.top-actions{display:flex!important;align-items:center!important;gap:12px!important}.topbar-user-name{font-size:12px;font-weight:600;color:#1a1b1e!important;white-space:nowrap}.topbar-task-btn{height:34px!important;padding:0 14px!important;font-size:12px!important;border-radius:6px!important;font-weight:700!important;white-space:nowrap}.task-btn-compact{display:none}.topbar-logout-btn{height:34px!important;padding:0 12px!important;font-size:12px!important;border-radius:6px!important;gap:6px!important;white-space:nowrap}.kb{display:flex!important;overflow-x:auto!important;gap:14px!important;padding-bottom:12px!important;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;scroll-behavior:smooth}.kb-col{min-width:280px!important;max-width:320px!important;flex:0 0 280px!important;scroll-snap-align:start}.data-card,.editor-card,.kpi-table-panel,.panel,.work-card{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}@media (max-width:1024px){.g3,.g4,.g5,.kpi-analytics-grid,.kpi-component-grid,.kpi-detail-charts,.kpi-insights-grid,.kpi-quick-grid,.kpi-summary-grid,.notice-grid,.report-summary-grid,.stats-grid{grid-template-columns:repeat(2,1fr)!important}.attendance-hero,.employee-hero,.g-1-2,.g-2-1,.kpi-score-layout,.kpi-simple-layout,.meeting-layout{grid-template-columns:1fr!important}.date-poster{min-height:220px}.date-poster strong{font-size:80px}.date-poster h3,.date-poster p{margin-left:0}}@media (max-width:768px){:root{--sidebar:0px}.sidebar{position:fixed;top:0;bottom:0;left:0;width:min(290px,84vw)!important;z-index:999!important;transform:translateX(-100%);transition:transform .25s cubic-bezier(.16,1,.3,1);box-shadow:0 0 50px rgba(0,0,0,.7)}.sidebar.open{transform:translateX(0)!important}.scrim{position:fixed;inset:0;background:rgba(0,0,0,.75);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:998!important}.menu-button,.mobile-close{display:grid!important}.main{margin-left:0!important}.topbar{padding:0 14px!important;height:56px!important}.topbar-word{display:none!important}.page{padding:14px 12px 36px!important}.page-header{flex-direction:column!important;align-items:flex-start!important;gap:12px!important;margin-bottom:16px!important}.page-header h1{font-size:24px!important}.header-actions,.kpi-hero-actions,.report-controls,.table-filters,.toolbar,.work-toolbar{flex-wrap:wrap!important;gap:8px!important}.table-filters input,.table-filters select,.toolbar input,.toolbar select,.work-toolbar input,.work-toolbar select{flex:1 1 140px;min-width:120px}.deliverable-form-row,.form-grid,.mini-metrics,.policy-fields,.profile-facts,.quick-client,.rule-preview,.two-col{grid-template-columns:1fr!important}.mini-metrics>div{border-right:0!important;border-bottom:1px solid var(--border)!important}.mini-metrics>div:last-child{border-bottom:0!important}.modal-backdrop{padding:10px!important}.modal{width:100%!important;max-height:94vh!important;padding:18px 14px!important;border-radius:12px!important}.modal-head h2{font-size:18px!important}}@media (max-width:560px){.top-actions{gap:8px!important}.topbar-user-name{max-width:90px;overflow:hidden;text-overflow:ellipsis}.task-btn-full{display:none!important}.task-btn-compact{display:inline!important}.topbar-task-btn{padding:0 10px!important;font-size:11px!important}.topbar-logout-btn{padding:0 8px!important}.logout-text{display:none!important}.g-1-2,.g-2-1,.g2,.g3,.g4,.g5,.kpi-analytics-grid,.kpi-component-grid,.kpi-detail-charts,.kpi-filter-grid,.kpi-insights-grid,.kpi-quick-grid,.kpi-summary-grid,.notice-grid,.report-summary-grid,.stats-grid{grid-template-columns:1fr!important}.stat-card{min-height:110px!important;padding:12px!important}.stat-card strong{font-size:26px!important}.kpi-hero{padding:16px!important}.kpi-hero h1{font-size:20px!important}.kpi-score-value>span{font-size:48px!important}.form-actions{flex-wrap:wrap!important;justify-content:stretch!important;width:100%!important}.form-actions>a,.form-actions>button{width:100%!important;justify-content:center!important}.logout-dialog{padding:18px 14px!important;width:100%!important}.logout-dialog-actions{flex-direction:column-reverse!important;gap:8px!important}.logout-cancel,.logout-confirm{width:100%!important;justify-content:center!important}}.notification-wrap{position:relative;display:flex;align-items:center}.notification-trigger{position:relative;flex-shrink:0}.notification-badge{position:absolute;right:-2px;top:-4px;min-width:17px;height:17px;padding:0 5px;border-radius:999px;background:#FF5F6D;color:#FFF;font-size:9px;font-weight:900;line-height:17px;text-align:center;box-shadow:0 0 0 2px var(--bg);pointer-events:none;z-index:2}@media (max-width:640px){.notification-panel{position:fixed!important;top:56px!important;left:12px!important;right:12px!important;width:auto!important;max-width:calc(100vw - 24px)!important;z-index:10000!important;box-shadow:0 20px 60px rgba(0,0,0,.85)!important;border-radius:12px!important}.notification-list{max-height:55vh!important}.topbar{padding:0 10px!important}.top-actions{gap:6px!important}.topbar-user-name{display:none!important}}@media (max-width:768px){.kb{padding-bottom:16px!important;gap:12px!important}.kb-col{min-width:275px!important;max-width:295px!important;flex:0 0 275px!important}}@media (max-width:480px){.kb-col{min-width:84vw!important;max-width:88vw!important;flex:0 0 84vw!important}}@media (max-width:1024px){.main{margin-left:0!important;width:100%!important}.sidebar{position:fixed!important;top:0!important;left:-290px!important;bottom:0!important;width:275px!important;z-index:99999!important;transition:left .25s cubic-bezier(.16,1,.3,1)!important;box-shadow:none!important}.sidebar.open{left:0!important;box-shadow:12px 0 50px rgba(0,0,0,.6)!important}.scrim{position:fixed!important;inset:0!important;background:rgba(0,0,0,.6)!important;-webkit-backdrop-filter:blur(3px)!important;backdrop-filter:blur(3px)!important;z-index:99998!important}.menu-button{background:transparent!important;color:var(--text)!important;margin-right:8px!important}.menu-button,.mobile-close{display:flex!important;align-items:center!important;justify-content:center!important;border:none!important;cursor:pointer!important;padding:4px!important}.mobile-close{background:rgba(255,255,255,.1)!important;color:#ffffff!important;border-radius:6px!important}.page{padding:16px 14px 40px!important}.page-header{flex-direction:column!important;align-items:flex-start!important;gap:12px!important;margin-bottom:20px!important}.page-header h1{font-size:24px!important}.stats-grid{grid-template-columns:repeat(2,1fr)!important;gap:10px!important}.dashboard-grid,.dashboard-grid.lower,.employee-hero,.meeting-layout,.profile-feature{grid-template-columns:1fr!important;gap:14px!important}.notice-grid{grid-template-columns:repeat(2,1fr)!important}.data-card,.editor-card,.meeting-stack,.profile-page-card{overflow-x:auto!important;-webkit-overflow-scrolling:touch!important}}@media (max-width:640px){.topbar{padding:0 12px!important;height:54px!important}.topbar-word{font-size:11px!important}.notice-grid,.stats-grid{grid-template-columns:1fr!important}.modal-backdrop{padding:8px!important}.modal{width:100%!important;max-height:92vh!important;padding:16px 12px!important;border-radius:12px!important}}.simple-login-page{min-height:100vh!important;min-height:100dvh!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;padding:32px 16px!important;background:#F8FAF9!important;position:relative!important;overflow-x:hidden!important;overflow-y:auto!important}.simple-login-page:before{display:none!important}.simple-login-page .login-form-side{width:min(430px,100%)!important;margin:auto!important;background:#FFFFFF!important;border:1px solid #e2e8f0!important;border-radius:16px!important;padding:36px 30px!important;box-shadow:0 4px 20px rgba(0,0,0,.05)!important;position:relative!important;z-index:2!important}.mobile-login-logo{display:none!important}@media (max-width:640px){.mobile-login-logo{display:flex!important;align-items:center!important;justify-content:center!important;margin-top:22px!important;padding-top:16px!important;border-top:1px solid #f1f5f9!important}}@media (max-width:480px){.simple-login-page{padding:20px 12px!important}.simple-login-page .login-form-side{padding:28px 20px!important;border-radius:14px!important}}