:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#eef6f7;background:#071724;font-synthesis:none;--bg: #071724;--surface: rgba(20, 42, 54, .88);--surface-2: rgba(29, 53, 64, .82);--line: rgba(175, 215, 219, .15);--muted: #a9bdc6;--mint: #20c997;--cyan: #21b5e8;--danger: #ff5572;--warning: #ffb449;--shadow: 0 24px 64px rgba(0, 0, 0, .28)}*{box-sizing:border-box}html{max-width:100%;scrollbar-gutter:stable;background:var(--bg)}body{margin:0;min-width:320px;min-height:100vh;max-width:100%;background:radial-gradient(circle at 80% 0%,rgba(22,113,117,.16),transparent 34%),linear-gradient(140deg,#071724,#0b2133 52%,#071724)}#root{width:100%;min-height:100vh;min-width:0;max-width:100%}button,input,select,textarea{font:inherit}button{color:inherit}a{color:#82e8cf;text-decoration:none}h1,h2,h3,p{margin-top:0}h1{margin-bottom:.3rem;font-size:clamp(1.65rem,2vw,2.15rem);letter-spacing:-.04em}h2{margin-bottom:.35rem;letter-spacing:-.025em}p{color:var(--muted);line-height:1.55}.eyebrow{margin-bottom:.45rem;color:#81e4c8!important;font-size:.72rem;font-weight:800;letter-spacing:.22em;text-transform:uppercase}.app-loading{min-height:100vh;display:grid;place-content:center;justify-items:center;color:var(--muted)}.app-loading div{width:38px;height:38px;border:3px solid var(--line);border-top-color:var(--mint);border-radius:50%;animation:spin .8s linear infinite}.route-loading{min-height:calc(100dvh - 144px);display:grid;grid-template-rows:118px minmax(260px,1fr) auto;gap:14px;color:var(--muted)}.route-loading__header,.route-loading__panel{border:1px solid var(--line);border-radius:20px;background:linear-gradient(90deg,#ffffff06,#ffffff0e,#ffffff06);background-size:220% 100%;animation:shimmer 1.2s infinite}.route-loading>span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}@keyframes spin{to{transform:rotate(360deg)}}.app-frame{width:100%;max-width:100%;height:100vh;height:100dvh;min-height:0;overflow:hidden;display:grid;grid-template-columns:264px minmax(0,1fr);transition:grid-template-columns .2s ease}.app-frame--collapsed{grid-template-columns:88px minmax(0,1fr)}.sidebar{position:sticky;top:0;width:100%;min-width:0;height:100vh;height:100dvh;padding:16px;display:flex;flex-direction:column;overflow:hidden;background:#04121ded;border-right:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:30}.brand{min-height:74px;display:flex;align-items:center;gap:13px;padding:8px 7px 22px;border-bottom:1px solid var(--line)}.brand__mark,.login-logo{display:grid;place-items:center;flex:0 0 auto;width:48px;height:48px;border-radius:16px;font-weight:900;font-size:1.25rem;background:linear-gradient(135deg,#10c89a,#f2b313);box-shadow:0 10px 26px #18c59438}.brand strong{display:block;font-size:1.2rem}.brand span{color:var(--muted);font-size:.78rem}.workspace-switch{margin:10px 0 0}.workspace-switch button{width:100%;min-height:40px;display:flex;align-items:center;justify-content:center;gap:8px;padding:8px 10px;border:1px solid rgba(44,217,171,.42);border-radius:12px;color:var(--text);background:#2cd9ab17;cursor:pointer;font-weight:750}.workspace-switch button:disabled{opacity:.65;cursor:wait}.workspace-switch small{display:block;margin-top:5px;color:var(--danger);font-size:.7rem}.nav-label{margin:18px 12px 8px;color:#8099a4;font-size:.66rem;font-weight:800;letter-spacing:.22em;text-transform:uppercase}.nav-item{width:100%;display:flex;align-items:center;gap:12px;min-height:44px;padding:0 13px;margin:2px 0;color:#b9cbd2;border:1px solid transparent;border-radius:14px;background:transparent;cursor:pointer;font-weight:650;text-align:left;transition:background .16s ease,border-color .16s ease,color .16s ease,transform .16s ease}.nav-item:hover{color:#fff;background:#ffffff0d;transform:translate(2px)}.nav-item--active{color:#fff;border-color:#36d9b09e;background:linear-gradient(100deg,#1184738c,#0e55538c);box-shadow:0 10px 28px #00000029}.sidebar nav{min-width:0;overflow-x:hidden;overflow-y:auto;scrollbar-width:thin;overscroll-behavior:contain}.sidebar nav>*,.brand>*,.sidebar__footer>*{min-width:0;max-width:100%}.brand strong,.brand span,.nav-item span,.profile-chip strong,.profile-chip small{overflow:hidden;text-overflow:ellipsis}.sidebar__footer{margin-top:auto;padding-top:16px;border-top:1px solid var(--line)}.profile-chip{display:flex;gap:11px;align-items:center;padding:12px;border-radius:16px;background:#ffffff0e}.profile-chip--button{width:100%;color:inherit;border:1px solid transparent;text-align:left;cursor:pointer;transition:border-color .18s ease,background .18s ease}.profile-chip--button:hover,.profile-chip--button:focus-visible{border-color:#2cd9ab6b;background:#ffffff16;outline:none}.profile-chip>span{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,#15be92,#e6ae14);font-weight:800}.profile-chip strong,.profile-chip small{display:block}.profile-chip small{color:var(--muted);margin-top:2px}.sidebar__collapse{position:absolute;right:-14px;top:96px;display:grid;place-items:center;width:29px;height:29px;border-radius:10px;border:1px solid var(--line);background:#0d2636;cursor:pointer}.app-frame--collapsed .brand>div:not(.brand__mark),.app-frame--collapsed .nav-item span,.app-frame--collapsed .nav-label,.app-frame--collapsed .profile-chip div,.app-frame--collapsed .workspace-switch span,.app-frame--collapsed .workspace-switch small{display:none}.app-frame--collapsed .nav-item,.app-frame--collapsed .profile-chip{justify-content:center;padding-inline:0}.app-frame--collapsed .sidebar__collapse svg{transform:rotate(180deg)}.workspace{width:100%;min-width:0;max-width:100%;height:100vh;height:100dvh;display:flex;flex-direction:column;overflow:hidden}.topbar{position:relative;flex:0 0 auto;z-index:20;min-height:72px;margin:12px 18px 0;padding:10px 16px;display:flex;align-items:center;justify-content:space-between;gap:16px;border:1px solid rgba(217,239,241,.32);border-radius:20px;background:#061622d4;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 14px 35px #00000026}.team-clock span,.team-clock small{display:block;color:var(--muted)}.team-clock span{color:#80dfc5;font-weight:800;text-transform:uppercase;letter-spacing:.16em;font-size:.65rem}.team-clock strong{display:block;margin:2px 0;font-size:1.08rem}.topbar__actions{display:flex;align-items:center;gap:12px}.notification-button,.icon-button,.mobile-menu{position:relative;display:grid;place-items:center;width:44px;height:44px;border-radius:15px;border:1px solid var(--line);background:#ffffff09;cursor:pointer}.notification-button span{position:absolute;right:-5px;top:-6px;min-width:21px;height:21px;padding:0 5px;display:grid;place-items:center;border-radius:20px;background:var(--danger);font-size:.68rem;font-weight:800}.topbar__user{min-width:130px;padding:8px 13px;border:1px solid rgba(45,143,238,.4);border-radius:16px;text-align:right}.topbar__user strong,.topbar__user small{display:block}.topbar__user small{margin-top:2px;color:var(--muted);text-transform:uppercase;letter-spacing:.14em;font-size:.64rem}.mobile-menu,.sidebar__mobile-close,.mobile-backdrop{display:none}.topbar__user--button{color:inherit;background:#ffffff06;cursor:pointer;transition:border-color .18s ease,background .18s ease}.topbar__user--button:hover,.topbar__user--button:focus-visible{border-color:#2cd9ab9e;background:#ffffff0f;outline:none}.account-modal__identity{display:flex;align-items:center;gap:12px;margin-bottom:12px;padding:12px;border:1px solid var(--line);border-radius:14px;background:#ffffff09}.account-modal__identity>span{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:linear-gradient(135deg,#15be92,#e6ae14);font-weight:850}.account-modal__identity strong,.account-modal__identity small{display:block}.account-modal__identity small{margin-top:3px;color:var(--muted)}.account-modal__policy{display:flex;align-items:flex-start;gap:9px;margin-bottom:12px;padding:10px 12px;border-radius:12px;color:var(--muted);background:#2cd9ab0e}.account-modal__policy svg{flex:0 0 auto;color:var(--primary)}.account-modal__policy p{margin:0;font-size:.78rem;line-height:1.45}.account-password-form{grid-template-columns:1fr;margin-bottom:0}.content{flex:1 1 auto;width:min(1600px,100%);min-width:0;min-height:0;margin:0 auto;padding:20px 18px 24px;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}.content>*{min-width:0}.route-content{min-width:0;animation:route-in .24s ease-out}@keyframes route-in{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}.page-header{margin-bottom:14px;padding:18px 22px;display:flex;align-items:center;justify-content:space-between;gap:18px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(130deg,#133441f5,#1e4449c4);box-shadow:0 12px 30px #0000001f}.page-header .eyebrow{margin-bottom:.3rem}.page-header p:last-child{margin-bottom:0;line-height:1.4}.page-header__actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.panel{margin-bottom:14px;padding:18px;border:1px solid var(--line);border-radius:20px;background:var(--surface);box-shadow:0 12px 30px #0000001f}.panel__heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:14px}.panel__heading p{margin-bottom:0}.button{min-height:40px;padding:0 15px;display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid transparent;border-radius:12px;cursor:pointer;font-weight:750;transition:transform .15s ease,filter .15s ease,background .15s ease}.button:hover:not(:disabled){transform:translateY(-1px);filter:brightness(1.07)}.button:disabled{opacity:.48;cursor:not-allowed}.button--primary{background:linear-gradient(135deg,#12ba8e,#149d8c);color:#fff}.button--secondary{border-color:var(--line);background:#ffffff0f}.button--ghost{background:transparent;border-color:var(--line)}.button--danger{background:#d6305330;border-color:#ff557259;color:#ffc4ce}.button--success{background:#19bb862e;color:#a9f4d8}.button--teal{background:linear-gradient(135deg,#0f8e87,#166966)}.button--checkin{border-color:#45beff85;color:#eefaff;background:linear-gradient(135deg,#158ac4,#1767b7);box-shadow:0 8px 20px #157bbe2e}.button--lunch{border-color:#ffbe497a;color:#fff7e6;background:linear-gradient(135deg,#cb7d16,#9d5510)}.button--short{border-color:#b784ff7a;color:#f7efff;background:linear-gradient(135deg,#8451c8,#6038a0)}.button--checkout{border-color:#4ee2a47a;color:#effff8;background:linear-gradient(135deg,#159a69,#087651);box-shadow:0 8px 20px #0e8b5b29}.metrics-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:11px;margin-bottom:14px}.metric{min-height:98px;padding:16px 17px;display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid var(--line);border-radius:18px;background:var(--surface)}.metric span{display:block;color:var(--muted);line-height:1.35}.metric strong{display:block;margin-top:5px;font-size:1.65rem}.metric i,.metric-icon{flex:0 0 auto;width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:#21b5e82e;color:#6cd7ff}.metric--green i{background:#20c9972e;color:#63e9bf}.metric--orange i{background:#ffb4492b;color:#ffc671}.metric--violet i{background:#b759ff2b;color:#d5a0ff}.shift-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.shift-summary>div{padding:13px;border:1px solid var(--line);border-radius:15px;background:#ffffff06}.shift-summary span,.shift-summary strong{display:block}.shift-summary span{margin-bottom:5px;color:var(--muted);font-size:.69rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.attendance-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:13px}.two-column{display:grid;grid-template-columns:1fr 1fr;gap:14px}.two-column>.panel{min-height:0}.filter-grid,.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(175px,1fr));gap:11px;align-items:end;margin-bottom:14px}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.field{display:block;min-width:0}.field>span,.search-field>span,.login-field>span{display:block;margin-bottom:6px;color:#d7e4e8;font-size:.76rem;font-weight:750}.field input,.field select,.field textarea,.search-field input{width:100%;min-height:42px;padding:0 12px;color:#fff;border:1px solid var(--line);border-radius:12px;background:#04131e94;outline:none}.field select{cursor:pointer}.field select[multiple]{min-height:105px;padding-block:8px}.field textarea{min-height:88px;padding-block:11px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus,.search-field input:focus{border-color:#2cd9abb3;box-shadow:0 0 0 4px #25cfa317}.field option{color:#071724}.field small{display:block;margin-top:6px;color:var(--muted)}.field__error{color:#ff95a8!important}.search-field div{display:flex;align-items:center;gap:8px;padding-left:12px;border:1px solid var(--line);border-radius:13px;background:#04131e94}.search-field input{border:0;padding-left:2px;background:transparent;box-shadow:none!important}.search-field.compact{max-width:460px;display:block;margin-bottom:18px}.table-wrap{position:relative;width:100%;min-width:0;max-width:100%;max-height:clamp(260px,calc(100dvh - 350px),640px);overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable both-edges;border:1px solid var(--line);border-radius:16px}.table-wrap table{width:100%;min-width:880px;border-collapse:separate;border-spacing:0}.table-wrap th{position:sticky;top:0;z-index:3;padding:11px 13px;color:#c1d1d6;background:#193540;box-shadow:0 1px 0 var(--line);text-align:left;font-size:.67rem;letter-spacing:.11em;text-transform:uppercase}.table-wrap td{padding:11px 13px;border-top:1px solid var(--line);color:#e3ecee;vertical-align:middle}.table-wrap tbody tr:hover{background:#ffffff06}.cell-note{display:block;color:var(--muted);margin-top:3px}.row-actions,.device-label{display:flex;align-items:center;gap:7px}.row-actions .button{min-height:32px;padding:0 9px}.panel>.table-wrap{min-height:280px}.modal__body .table-wrap,.drawer__body .table-wrap{max-height:min(46dvh,440px)}.pagination{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:16px}.pagination p{margin:0}.pagination>div{display:flex;align-items:center;gap:7px}.pagination select,.pagination button{min-height:37px;color:#fff;border:1px solid var(--line);border-radius:10px;background:#ffffff0a}.pagination button{width:38px;display:grid;place-items:center;cursor:pointer}.pagination option{color:#071724}.status{width:max-content;display:inline-flex;align-items:center;gap:5px;padding:5px 9px;border:1px solid var(--line);border-radius:30px;color:#c7d5d9;background:#ffffff0d;font-size:.69rem;font-weight:850;letter-spacing:.06em;text-transform:uppercase}.status--success{color:#9cf2d2;border-color:#20c99752;background:#20c9971f}.status--warning{color:#ffd190;border-color:#ffb44952;background:#ffb4491a}.status--danger{color:#ffafbd;border-color:#ff557257;background:#ff55721c}.alert{margin-bottom:14px;padding:12px 14px;display:flex;align-items:flex-start;gap:9px;border:1px solid rgba(255,85,114,.32);border-radius:14px;color:#ffc4ce;background:#ff55721a}.alert--success{color:#b0f2db;border-color:#20c9974d;background:#20c9971a}.alert--warning{color:#ffe0ae;border-color:#ffb4494d;background:#ffb4491a}.check-row{margin:-4px 0 14px;padding:12px 14px;display:flex;align-items:center;gap:10px;border:1px solid rgba(255,180,73,.3);border-radius:14px;color:#ffe0ae;background:#ffb4490f;cursor:pointer}.check-row input{width:17px;height:17px;flex:0 0 auto;accent-color:var(--mint)}.modal-layer,.drawer-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;padding:20px;display:grid;place-items:center;background:#00080ec7;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:fade-in .14s ease}.modal,.drawer{width:min(580px,100%);max-height:calc(100vh - 40px);display:flex;flex-direction:column;overflow:hidden;border:1px solid rgba(203,235,237,.25);border-radius:22px;background:#102735;box-shadow:var(--shadow);animation:modal-in .18s ease}.modal--lg{width:min(820px,100%)}.modal--xl{width:min(1180px,100%)}.drawer{width:min(780px,100%)}.modal__header,.drawer__header{flex:0 0 auto;padding:16px 18px;display:flex;justify-content:space-between;align-items:flex-start;gap:18px;border-bottom:1px solid var(--line)}.modal__header h2,.drawer__header h2{margin:0}.drawer__header .eyebrow{margin-bottom:.25rem}.modal__body,.drawer__body{min-height:0;overflow:auto;padding:18px;overscroll-behavior:contain}.modal__footer,.drawer__footer{flex:0 0 auto;padding:13px 18px;display:flex;justify-content:flex-end;gap:9px;border-top:1px solid var(--line);background:#05121c80}@keyframes fade-in{0%{opacity:0}}@keyframes modal-in{0%{opacity:0;transform:translateY(10px) scale(.985)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.tabs{width:max-content;max-width:100%;margin:0 0 12px;padding:4px;display:flex;overflow:auto;border:1px solid var(--line);border-radius:13px;background:#ffffff09}.tabs button{min-height:36px;padding:0 14px;border:0;border-radius:9px;background:transparent;color:var(--muted);cursor:pointer;font-weight:750}.tabs button.active{color:#fff;background:#071426;box-shadow:0 5px 16px #0000002e}.entity-card,.role-card{position:relative;padding:15px;border:1px solid var(--line);border-radius:17px;background:#ffffff06}.entity-card{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px}.entity-card h3,.role-card h2{margin-bottom:3px}.entity-card p{margin:0}.entity-card span{display:inline-flex;align-items:center;gap:6px;color:var(--muted)}.entity-card__icon{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;color:#72e2c2;background:#20c9971f}.card-list{display:grid;gap:8px}.role-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;margin-bottom:13px}.role-card__top{display:flex;justify-content:space-between;margin-bottom:11px}.role-card__meta{display:flex;flex-wrap:wrap;gap:7px;margin:12px 0}.role-card__meta span,.tag-list span{display:inline-flex;align-items:center;gap:5px;padding:6px 9px;border-radius:10px;background:#ffffff0d;color:#c7d6da;font-size:.76rem}.tag-list{display:flex;flex-wrap:wrap;gap:6px;margin-top:11px}.role-hierarchy{position:relative;padding-top:24px}.role-hierarchy__scale{position:absolute;inset:0 0 auto;display:flex;justify-content:space-between;color:var(--muted);font-size:.72rem}.role-hierarchy__scale:after{content:"";position:absolute;left:0;right:0;top:20px;height:2px;background:linear-gradient(90deg,#55dfba,#55dfba1f)}.role-rank{display:flex;align-items:center;gap:8px}.role-rank strong{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;color:#06231f;background:#55dfba}.role-rank span{color:var(--muted);font-size:.72rem}.organization-card__leadership{margin-top:7px;display:flex;flex-wrap:wrap;gap:5px 16px}.organization-card__leadership small{color:var(--muted)}.organization-card__leadership strong{color:#dce9ec}.organization-leadership{margin-top:18px;padding:16px;border:1px solid var(--line);border-radius:17px;background:#20c99709}.organization-leadership h3{margin-bottom:4px}.organization-leadership>p{margin-bottom:13px;font-size:.84rem}.form-section{margin-bottom:21px;padding-bottom:18px;border-bottom:1px solid var(--line)}.form-section h3{margin-bottom:14px}.toggle-card,.check-grid label{display:flex;align-items:flex-start;gap:11px;padding:14px;border:1px solid var(--line);border-radius:15px;background:#ffffff06}.toggle-card span,.check-grid small{display:block;margin-top:3px;color:var(--muted)}.check-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;max-height:280px;overflow:auto}.check-grid input,.toggle-card input{margin-top:4px;accent-color:var(--mint)}.permission-matrix{display:grid;gap:10px;margin-top:18px}.permission-matrix section{border:1px solid var(--line);border-radius:15px;overflow:hidden}.permission-matrix header{padding:11px 13px;display:flex;justify-content:space-between;background:#ffffff0a}.permission-matrix header h3{margin:0;text-transform:capitalize}.permission-matrix header button{border:0;background:transparent;color:#84e6cb;cursor:pointer}.permission-matrix section>div{padding:12px;display:flex;flex-wrap:wrap;gap:8px}.permission-matrix label{min-width:130px;display:flex;gap:7px;align-items:center;text-transform:capitalize}.timezone-picker{margin:16px 0}.timezone-list{max-height:270px;overflow:auto;display:grid;gap:6px;padding:6px;border:1px solid var(--line);border-radius:15px}.timezone-list button{display:flex;justify-content:space-between;gap:12px;padding:10px 12px;border:1px solid transparent;border-radius:11px;background:#ffffff06;color:#fff;cursor:pointer;text-align:left}.timezone-list button span{color:var(--muted)}.timezone-list button.selected{border-color:var(--mint);background:#20c9971a}.password-field{position:relative}.password-field input{width:100%;padding-right:46px}.password-field button{position:absolute;top:50%;right:8px;transform:translateY(-50%);width:34px;height:34px;display:grid;place-items:center;border:0;border-radius:9px;background:transparent;color:var(--muted);cursor:pointer}.password-field button:hover,.password-field button:focus-visible{color:var(--text);background:#ffffff0f}.selection-chips{display:flex;flex-wrap:wrap;gap:7px;margin-top:8px}.selection-chip{display:inline-flex;align-items:center;gap:7px;max-width:100%;padding:6px 8px 6px 10px;border:1px solid rgba(32,201,151,.35);border-radius:999px;background:#20c9971a;color:var(--text);font-size:.78rem}.selection-chip button{display:grid;place-items:center;width:20px;height:20px;padding:0;border:0;border-radius:50%;background:#ffffff14;color:inherit;cursor:pointer}.upload-zone{min-height:170px;padding:22px;display:grid;place-items:center;align-content:center;gap:7px;border:1px dashed rgba(111,218,193,.45);border-radius:17px;background:#14967e0e;text-align:center}.upload-zone p{margin:0 0 7px}.compact-upload{min-height:112px;margin-top:12px}.preview-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px;margin-bottom:12px}.preview-metrics div{padding:11px;border:1px solid var(--line);border-radius:12px;background:#ffffff06}.preview-metrics span,.preview-metrics strong{display:block}.preview-metrics span{color:var(--muted);font-size:.7rem;text-transform:uppercase;letter-spacing:.08em}.preview-metrics strong{margin-top:4px;font-size:1.25rem}.preview-filter button{padding:11px;border:1px solid var(--line);border-radius:12px;color:inherit;background:#ffffff06;cursor:pointer;text-align:left}.preview-filter button:hover,.preview-filter button.active{border-color:var(--mint);background:#20c9971a}.preview-filter button.active span{color:#a8f1dc}.preview-filter button:disabled{opacity:.6;cursor:wait}.language-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.language-cards article{padding:15px;border:1px solid var(--line);border-radius:16px;background:#ffffff06}.language-cards .button{width:100%;margin-top:11px}.empty{padding:28px 16px;text-align:center}.empty h3{margin-bottom:5px}.loading-rows{display:grid;gap:7px;padding:10px}.loading-rows div{height:40px;border-radius:10px;background:linear-gradient(90deg,#ffffff06,#ffffff14,#ffffff06);background-size:220% 100%;animation:shimmer 1.2s infinite}@keyframes shimmer{to{background-position:-220% 0}}.login-page{--pointer-x: 24%;--pointer-y: 42%;--tilt-x: 0px;--tilt-y: 0px;position:relative;min-height:100vh;padding:clamp(22px,4vw,64px);display:grid;grid-template-columns:minmax(320px,1.15fr) minmax(380px,.85fr);align-items:center;gap:clamp(36px,7vw,110px);overflow:hidden;isolation:isolate;background:radial-gradient(circle at 18% 15%,#123947 0,transparent 34%),linear-gradient(135deg,#03111c,#071d2a 54%,#092331)}.login-grid{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-4;opacity:.16;background-image:linear-gradient(rgba(130,235,211,.16) 1px,transparent 1px),linear-gradient(90deg,rgba(130,235,211,.16) 1px,transparent 1px);background-size:58px 58px;-webkit-mask-image:linear-gradient(90deg,#000,transparent 72%);mask-image:linear-gradient(90deg,#000,transparent 72%)}.login-pointer-glow{position:absolute;z-index:-1;left:var(--pointer-x);top:var(--pointer-y);width:360px;height:360px;border-radius:50%;pointer-events:none;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(54,255,203,.19),rgba(54,255,203,.05) 38%,transparent 70%);transition:left .08s linear,top .08s linear}.login-glow{position:absolute;z-index:-3;width:560px;height:560px;border-radius:50%;filter:blur(60px);opacity:.2;pointer-events:none;animation:login-float 12s ease-in-out infinite alternate}.login-glow--one{left:-240px;top:-210px;background:#14d4a0}.login-glow--two{right:-240px;bottom:-250px;background:#e6a918;animation-delay:-5s}.login-showcase{position:relative;max-width:720px;padding-left:clamp(0px,3vw,46px);transform:translate(calc(var(--tilt-x) * -.45),calc(var(--tilt-y) * -.45));transition:transform .35s ease-out}.login-showcase__brand{display:flex;align-items:center;gap:14px;margin-bottom:clamp(56px,9vh,110px);font-size:1.2rem;font-weight:850}.login-showcase .login-logo{margin:0}.login-showcase .eyebrow{display:flex;align-items:center;gap:7px}.login-showcase h2{margin:14px 0 20px;max-width:680px;color:#f4fbfb;font-size:clamp(2.8rem,5.4vw,5.6rem);line-height:.99;letter-spacing:-.055em}.login-showcase h2 em{color:#58e6bf;font-style:normal;text-shadow:0 0 38px rgba(57,221,176,.2)}.login-showcase>p:not(.eyebrow){max-width:600px;color:#a9c2ca;font-size:clamp(1rem,1.25vw,1.22rem);line-height:1.75}.login-proof{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}.login-proof span{display:inline-flex;align-items:center;gap:7px;padding:9px 13px;border:1px solid rgba(107,232,201,.18);border-radius:999px;color:#c7dedf;background:#09242f99;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.login-proof svg{width:15px;color:#56e2bd}.login-orbit{position:absolute;z-index:-1;border:1px solid rgba(92,226,190,.18);border-radius:50%;animation:login-orbit 18s linear infinite}.login-orbit:after{content:"";position:absolute;top:10%;left:12%;width:9px;height:9px;border-radius:50%;background:#66efc9;box-shadow:0 0 18px #44dcb4}.login-orbit--one{width:280px;height:280px;right:-70px;top:-50px}.login-orbit--two{width:180px;height:180px;left:-60px;bottom:-70px;animation-direction:reverse;animation-duration:14s}.login-sparkles{position:absolute;top:0;right:50%;bottom:0;left:0;z-index:-1;pointer-events:none}.login-sparkles i{position:absolute;border-radius:50%;background:#d9fff5;box-shadow:0 0 10px #5defc9e6;animation:login-sparkle 4.5s ease-in-out infinite;animation-delay:calc(var(--spark) * -.31s)}.login-card{position:relative;z-index:2;width:min(500px,100%);justify-self:center;padding:clamp(28px,4vw,46px);border:1px solid rgba(210,244,238,.24);border-radius:32px;background:linear-gradient(145deg,#183541c7,#071925b8);box-shadow:0 38px 100px #0000007a,inset 0 1px #ffffff1a;-webkit-backdrop-filter:blur(26px) saturate(135%);backdrop-filter:blur(26px) saturate(135%);transform:translate(calc(var(--tilt-x) * .35),calc(var(--tilt-y) * .35));transition:transform .35s ease-out,border-color .25s}.login-card:hover{border-color:#5eebc66b}.login-card__shield{display:grid;place-items:center;width:50px;height:50px;margin:0 auto 20px;border:1px solid rgba(83,232,192,.35);border-radius:17px;color:#61e7c3;background:#20b28e21;box-shadow:0 0 28px #29daac1f}.login-card h1{margin-bottom:5px;text-align:center;font-size:clamp(2rem,3vw,2.8rem);letter-spacing:-.035em}.login-card>.eyebrow,.login-card__subtitle{text-align:center}.login-card__subtitle{margin-bottom:26px}.login-field{display:block;margin:15px 0}.login-field>div{display:flex;align-items:center;gap:10px;min-height:54px;padding:0 15px;border:1px solid rgba(209,239,237,.16);border-radius:16px;color:#83a0aa;background:#ebf9f9f5;transition:border-color .2s,box-shadow .2s,transform .2s}.login-field>div:focus-within{border-color:#4eddb7;box-shadow:0 0 0 4px #39deb11a;transform:translateY(-1px)}.login-field input{flex:1;min-width:0;border:0;outline:0;background:transparent;color:#102331}.login-field button{display:grid;place-items:center;border:0;background:transparent;color:#607786;cursor:pointer}.login-card>.button{width:100%;min-height:52px;margin-top:13px}.login-card__note{display:block;margin-top:18px;color:#8fa7b1;text-align:center;line-height:1.5}@keyframes login-float{to{transform:translate(45px,30px) scale(1.08)}}@keyframes login-orbit{to{transform:rotate(360deg)}}@keyframes login-sparkle{0%,to{opacity:.15;transform:scale(.6)}50%{opacity:.9;transform:scale(1.6)}}@media(max-width:900px){.login-page{grid-template-columns:1fr}.login-showcase{display:none}.login-sparkles{top:0;right:0;bottom:0;left:0}.login-grid{-webkit-mask-image:radial-gradient(circle at center,#000,transparent 80%);mask-image:radial-gradient(circle at center,#000,transparent 80%)}}@media(prefers-reduced-motion:reduce){.login-page *{animation:none!important;transition-duration:.01ms!important}.login-card,.login-showcase{transform:none}}@media(max-width:1350px){.metrics-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:1100px){.metrics-grid,.role-grid,.language-cards{grid-template-columns:repeat(2,1fr)}.filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:820px){.app-frame,.app-frame--collapsed{grid-template-columns:1fr}.sidebar{position:fixed;left:0;top:0;width:min(310px,88vw);transform:translate(-104%);transition:transform .2s ease;box-shadow:var(--shadow)}.sidebar--open{transform:translate(0)}.sidebar__mobile-close{margin-left:auto;display:grid;place-items:center;width:38px;height:38px;border:0;border-radius:12px;background:#ffffff0f}.sidebar__collapse{display:none}.mobile-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:29;display:block;border:0;background:#00080ead}.mobile-menu{display:grid}.topbar{margin:8px 10px 0;border-radius:17px}.content{padding:14px 10px 20px}.page-header{align-items:flex-start;flex-direction:column;padding:17px}.page-header__actions{justify-content:flex-start}.two-column{grid-template-columns:1fr}.shift-summary{grid-template-columns:repeat(2,1fr)}.topbar__user{display:none}}@media(max-width:560px){.login-page{padding:12px}.login-card{padding:25px 19px;border-radius:22px}.team-clock strong{font-size:.85rem}.team-clock small{display:none}.topbar{padding:10px}.metrics-grid,.role-grid,.language-cards,.filter-grid,.form-grid,.check-grid{grid-template-columns:1fr}.metric{min-height:88px}.panel{padding:14px;border-radius:17px}.panel>.table-wrap{min-height:220px}.shift-summary{grid-template-columns:1fr}.pagination{align-items:flex-start;flex-direction:column}.modal-layer,.drawer-layer{padding:8px}.modal,.drawer{max-height:calc(100vh - 16px);border-radius:18px}.modal__header,.modal__body,.modal__footer,.drawer__header,.drawer__body,.drawer__footer{padding:14px}.modal__footer,.drawer__footer{flex-wrap:wrap}.modal__footer .button,.drawer__footer .button{flex:1}.entity-card{grid-template-columns:auto 1fr}.entity-card>.status{grid-column:2}.page-header__actions .button{flex:1 1 auto}.attendance-actions .button{flex:1 1 calc(50% - 5px)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}.brand__mark img,.login-logo img{width:100%;height:100%;object-fit:contain;border-radius:inherit}.asset-grid{margin-top:22px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.asset-card{padding:17px;display:grid;grid-template-columns:100px 1fr;gap:16px;align-items:center;border:1px solid var(--line);border-radius:18px;background:#ffffff06}.asset-preview{width:100px;height:100px;display:grid;place-items:center;overflow:hidden;border-radius:18px;background:#ffffff0d}.asset-preview img{width:100%;height:100%;object-fit:contain}.status-stack{display:flex;align-items:center;gap:9px;flex-wrap:wrap;justify-content:flex-end}.activity-panel--employee{padding:26px;border-color:#a6e0e185;background:linear-gradient(145deg,#173541f5,#1a3c42cc)}.daily-summary{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:11px;margin-bottom:13px}.daily-summary>div,.break-usage-grid>div{padding:15px;border:1px solid var(--line);border-radius:16px;background:#03121d2e}.daily-summary span,.daily-summary strong,.break-usage-grid span,.break-usage-grid strong{display:block}.daily-summary span,.break-usage-grid span{margin-bottom:6px;color:var(--muted);font-size:.68rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.attendance-control-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(320px,.9fr);gap:14px}.attendance-control-card,.attendance-side-card{padding:17px;border:1px solid var(--line);border-radius:18px;background:#03121d2e}.attendance-control-card>p,.attendance-side-card p{margin-bottom:10px}.attendance-actions--large .button{min-width:220px;min-height:50px;font-size:.95rem}.break-usage-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:14px}.attendance-side-stack{display:grid;align-content:start;gap:13px}.attendance-side-card{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;flex-wrap:wrap}.attendance-side-card--emergency{border-color:#ffb44947;background:#ff96230b}.attendance-side-card .attendance-actions{flex-basis:100%;margin-top:2px}.makeup-request-balance{margin:12px 0 14px;padding:14px;display:grid;gap:4px;border:1px solid rgba(255,190,73,.3);border-radius:14px;background:#ffb44912}.makeup-request-balance span{color:var(--muted);font-size:.7rem;font-weight:800;letter-spacing:.11em;text-transform:uppercase}.makeup-request-balance strong{font-size:1.45rem;font-variant-numeric:tabular-nums}.makeup-request-balance small{color:var(--muted);line-height:1.4}.makeup-request-balance--compact{flex:1 0 100%;width:100%;margin:2px 0 4px}.makeup-row-actions{min-width:260px;display:grid;align-items:start;gap:8px}.makeup-row-actions>small{color:var(--muted);line-height:1.35}.makeup-live-clock{padding:10px 12px;display:grid;grid-template-columns:auto 1fr;gap:2px 9px;align-items:center;border:1px solid rgba(32,201,151,.35);border-radius:13px;background:#20c99714}.makeup-live-clock svg{grid-row:1 / 4;color:#6ee2c1}.makeup-live-clock span,.makeup-live-clock small{color:var(--muted);font-size:.68rem}.makeup-live-clock strong{color:#fff;font-size:1.2rem;font-variant-numeric:tabular-nums;letter-spacing:.05em}.typing-selected-screenshot{border-color:#20c9978c;background:#20c9971a}.action-note{flex:1 1 100%;padding:11px 13px;border:1px solid rgba(255,196,113,.23);border-radius:13px;color:#ffe0ae;background:#ffb44912}.attendance-card-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.attendance-card-heading h3{margin-bottom:5px}.attendance-card-heading p{margin-bottom:0}.working-clock{min-width:190px;display:flex;align-items:center;gap:11px;padding:10px 13px;border:1px solid rgba(32,201,151,.35);border-radius:14px;color:#82e8cf;background:#20c99714}.working-clock svg{flex:0 0 auto}.working-clock span,.working-clock strong,.working-clock small{display:block}.working-clock span{color:var(--muted);font-size:.64rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.working-clock strong{margin:2px 0;color:#fff;font-variant-numeric:tabular-nums;font-size:1.25rem;letter-spacing:.05em}.working-clock small{color:var(--muted);font-size:.68rem}.employee-status-cards .metric strong{max-width:190px;font-size:1.35rem}.attendance-filters{grid-template-columns:repeat(6,minmax(150px,1fr))}.attendance-table table{min-width:1900px}.employee-filter-search{min-height:36px;margin-bottom:6px;padding:0 9px;display:flex;align-items:center;gap:7px;border:1px solid var(--line);border-radius:11px;background:#04131e94}.employee-filter-search input{min-width:0;min-height:34px;padding:0;border:0;background:transparent}.notification-list{display:grid;gap:10px}.notification-card{padding:15px;display:grid;grid-template-columns:auto 1fr auto;gap:13px;align-items:start;border:1px solid rgba(255,180,73,.3);border-radius:17px;background:#ffb4490f}.notification-card--read{border-color:var(--line);background:#ffffff06;opacity:.76}.notification-card__icon{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;color:#ffd190;background:#ffb4491c}.notification-card__title{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.notification-card__title h3{margin:0}.notification-card p{margin:5px 0}.notification-card__actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.notification-filters{grid-template-columns:repeat(2,minmax(220px,320px));margin-bottom:16px}@media(max-width:1250px){.daily-summary{grid-template-columns:repeat(3,minmax(0,1fr))}.attendance-control-grid{grid-template-columns:1fr}}@media(max-width:720px){.daily-summary,.break-usage-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.activity-panel--employee{padding:16px}.attendance-actions--large .button{min-width:0}.attendance-card-heading{flex-direction:column}.working-clock{width:100%}}@media(max-width:440px){.daily-summary,.break-usage-grid{grid-template-columns:1fr}}@media(max-width:650px){.asset-grid{grid-template-columns:1fr}.asset-card{grid-template-columns:74px 1fr}.asset-preview{width:74px;height:74px}}.qa-field-results{display:grid;gap:.28rem;min-width:190px}.qa-field-results span{color:var(--muted);font-size:.78rem}.qa-field-results strong{color:var(--text)}.qa-field-editor{display:grid;gap:.8rem}.qa-field-row{display:grid;grid-template-columns:minmax(180px,2fr) minmax(110px,1fr) minmax(110px,1fr) auto;gap:.75rem;align-items:end;padding:.85rem;border:1px solid var(--border);border-radius:16px;background:#040f1c4d}.qa-score-entry{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:.85rem;margin-top:1rem;padding:1rem;border:1px solid var(--border);border-radius:18px}.table-subtext{display:block;color:var(--muted);margin-top:.2rem}@media(max-width:760px){.qa-field-row{grid-template-columns:1fr}}.report-builder{display:grid;grid-template-columns:minmax(260px,1fr) minmax(220px,.45fr) auto;gap:1rem;align-items:end;margin-top:1.25rem;padding:1.1rem;border:1px solid var(--border);border-radius:20px;background:linear-gradient(135deg,#15b89214,#2b68dc0f)}.report-builder h2{margin:.2rem 0 .35rem}.report-builder p{color:var(--muted)}.report-export-filters{grid-template-columns:repeat(4,minmax(0,1fr))}.report-filter-actions{min-width:0;min-height:42px;display:flex;align-items:stretch;gap:8px}.report-filter-actions .button{min-width:0;flex:1 1 125px;white-space:nowrap}.report-download-button{border-color:#20c99794;color:#fff;background:#20c99714}.report-download-button:hover:not(:disabled){background:#20c99729}.report-inline-preview{margin-top:6px;padding-top:14px;border-top:1px solid var(--border)}.report-inline-preview__header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.report-inline-preview__header h2{margin:2px 0 0;font-size:1.15rem}.report-inline-preview__header h2 span{color:var(--muted);font-size:.85rem;font-weight:600}.map-link{display:inline-flex;align-items:center;gap:.35rem;white-space:nowrap}@media(max-width:1100px){.report-export-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.report-builder{grid-template-columns:1fr}.report-filter-actions{flex-wrap:wrap}.report-filter-actions .button{flex:1 1 125px}}@media(max-width:560px){.report-export-filters{grid-template-columns:1fr}.report-export-filters .report-filter-actions{grid-column:auto}}.modal--access{width:min(1000px,100%)}.modal--workflow{width:min(700px,100%)}.modal--workflow .modal__body{padding:14px}.modal--workflow .upload-zone{min-height:122px;padding:14px}.schedule-inline-table .table-inline-select{min-width:132px;width:100%;min-height:34px;padding:0 28px 0 9px;border:1px solid var(--line);border-radius:9px;color:var(--text);background:#04131eb8;outline:none;cursor:pointer}.schedule-inline-table .table-inline-select--day{min-width:116px}.schedule-inline-table .table-inline-select:focus{border-color:#2cd9abb3;box-shadow:0 0 0 3px #25cfa314}.schedule-inline-table .table-inline-select:disabled{cursor:not-allowed;opacity:.55}.schedule-inline-table td{vertical-align:middle}.shift-policy-summary{margin-bottom:10px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.shift-policy-summary>div{padding:8px 9px;border:1px solid var(--line);border-radius:10px;background:#ffffff06}.shift-policy-summary span,.shift-policy-summary strong{display:block}.shift-policy-summary span{color:var(--muted);font-size:.65rem;text-transform:uppercase;letter-spacing:.05em}.shift-policy-summary strong{margin-top:2px;font-size:.95rem}.shift-policy-summary .invalid{border-color:#ff60787a;background:#ff607812}.shift-editor-section{margin-bottom:10px;padding-bottom:9px;border-bottom:1px solid var(--line)}.shift-editor-section h3{margin:0 0 7px;font-size:.9rem}.shift-editor-section>p{margin:-2px 0 8px;color:var(--muted);font-size:.72rem}.shift-editor-section .form-grid{margin-bottom:0}.shift-editor-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.shift-editor-grid--four{grid-template-columns:repeat(4,minmax(0,1fr))}.shift-editor-grid--three{grid-template-columns:repeat(3,minmax(0,1fr))}.shift-editor-details{margin-bottom:10px;padding:8px 10px;border:1px solid var(--line);border-radius:11px;background:#04131e5c}.shift-editor-details summary{font-weight:800;cursor:pointer}.shift-editor-details>p{margin:6px 0 9px;color:var(--muted);font-size:.72rem}.shift-editor-details .form-grid{margin-bottom:0}.shift-behavior-grid{margin-top:2px;grid-template-columns:repeat(4,minmax(0,1fr))}.shift-behavior-grid>label{min-height:44px;padding:8px}.delete-scope-flow{margin-bottom:10px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;align-items:start}@media(max-width:820px){.shift-policy-summary,.shift-editor-grid--four,.shift-editor-grid--three,.shift-behavior-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.delete-scope-flow{grid-template-columns:1fr}}@media(max-width:560px){.shift-policy-summary,.shift-editor-grid,.shift-editor-grid--four,.shift-editor-grid--three,.shift-behavior-grid{grid-template-columns:1fr}}.employee-filters{grid-template-columns:minmax(250px,1.35fr) repeat(5,minmax(145px,1fr)) auto}.employee-table table{min-width:1560px}.detailed-attendance-table{scrollbar-gutter:stable}.detailed-attendance-table table{min-width:2450px}.detailed-attendance-table th:first-child,.detailed-attendance-table td:first-child,.employee-table th:first-child,.employee-table td:first-child{position:sticky;left:0;z-index:3;background:#132e3a;box-shadow:8px 0 14px #020c142e}.detailed-attendance-table th:first-child,.employee-table th:first-child{z-index:4;background:#193540}.login-activity-table table{min-width:1500px}.login-user-table table{min-width:1380px}.login-user-table th:last-child,.login-user-table td:last-child{position:sticky;right:0;min-width:145px;background:#132e3a}.login-user-table th:last-child{z-index:3;background:#193540}.login-history-summary{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:12px}.login-history-summary span{padding:6px 10px;border-radius:999px;color:#bcd0d5;background:#ffffff0e;font-size:.75rem}.login-history-table table{min-width:1050px}.login-history-table code{color:#75e5c5;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.compact-summary-panels .panel{padding:14px 16px}.compact-summary-panels h2{margin-bottom:2px;font-size:1.25rem}.compact-summary-panels p:last-child{margin-bottom:0}.attendance-report-panel{min-width:0}.filter-grid--attendance{grid-template-columns:repeat(6,minmax(150px,1fr))}.dashboard-heading{margin-bottom:12px;padding:2px 2px 0;display:flex;align-items:end;justify-content:space-between;gap:14px}.dashboard-heading h1{margin-bottom:2px}.dashboard-heading p:last-child{margin-bottom:0;line-height:1.35}.dashboard-metrics{grid-template-columns:repeat(7,minmax(135px,1fr))}.dashboard-metrics .metric{min-height:90px;padding:13px 14px}.dashboard-metrics .metric strong{font-size:1.45rem}.dashboard-metrics .metric i{width:38px;height:38px}.dashboard-tabs{width:100%;margin-bottom:14px}.dashboard-tabs button{flex:1 1 0}.tab-count{min-width:21px;height:21px;margin-left:7px;padding:0 6px;display:inline-grid;place-items:center;border-radius:20px;color:#fff;background:var(--danger);font-size:.68rem}.makeup-dashboard-panel .table-wrap table{min-width:1320px}.makeup-dashboard-panel td>small{display:block;margin-top:3px;color:var(--muted)}@media(max-width:1500px){.dashboard-metrics{grid-template-columns:repeat(4,minmax(150px,1fr))}}@media(max-width:900px){.dashboard-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.dashboard-heading{align-items:flex-start}.dashboard-metrics{grid-template-columns:1fr}.dashboard-tabs button{min-width:180px}}.multi-select{position:relative}.multi-select__trigger{width:100%;min-height:42px;padding:0 11px 0 12px;display:flex;align-items:center;justify-content:space-between;gap:10px;color:#fff;border:1px solid var(--line);border-radius:12px;background:#04131e94;cursor:pointer;text-align:left}.multi-select__trigger>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.multi-select__trigger svg{flex:0 0 auto;transform:rotate(90deg);transition:transform .15s ease}.multi-select--open .multi-select__trigger{border-color:#2cd9abb3;box-shadow:0 0 0 4px #25cfa317}.multi-select--open .multi-select__trigger svg{transform:rotate(-90deg)}.multi-select__menu{position:absolute;z-index:30;top:calc(100% + 7px);left:0;width:max(100%,320px);max-width:min(440px,calc(100vw - 40px));padding:9px;border:1px solid rgba(180,225,224,.25);border-radius:14px;background:#0b2231;box-shadow:0 18px 42px #00000061}.multi-select__menu>input{width:100%;min-height:38px;padding:0 10px;color:#fff;border:1px solid var(--line);border-radius:10px;background:#020d168c;outline:none}.multi-select__tools{display:flex;justify-content:flex-end;gap:8px;padding:7px 2px;border-bottom:1px solid var(--line)}.multi-select__tools button{border:0;background:transparent;color:#82e8cf;cursor:pointer;font-size:.73rem;font-weight:800}.multi-select__options{min-height:0;max-height:190px;overflow:auto;display:grid;gap:3px;padding-top:6px}.multi-select__options label{display:flex;align-items:flex-start;gap:9px;padding:8px 9px;border-radius:9px;cursor:pointer}.multi-select__options label:hover{background:#ffffff0e}.multi-select__options input,.permission-table input{margin-top:2px;accent-color:var(--mint)}.form-section{margin-bottom:16px;padding-bottom:15px}.form-section--last{margin-bottom:0;padding-bottom:0;border-bottom:0}.form-section__heading{margin-bottom:12px;display:flex;align-items:flex-start;gap:10px}.form-section__heading>span{flex:0 0 auto;width:28px;height:28px;display:grid;place-items:center;border-radius:9px;color:#9ef0d7;background:#20c99721;font-size:.75rem;font-weight:900}.form-section__heading h3{margin:1px 0 2px}.form-section__heading p{margin:0;font-size:.78rem;line-height:1.4}.access-scope-card{margin-top:12px;padding:13px;border:1px solid rgba(32,201,151,.25);border-radius:15px;background:linear-gradient(135deg,#20c99712,#21b5e809)}.access-scope-card__heading{margin-bottom:11px;display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.access-scope-card__heading .eyebrow{margin-bottom:2px}.access-scope-card__heading h3{margin:0}.access-scope-card .form-grid{margin-bottom:9px}.access-scope-card__note{margin:0;color:#a8cbd0;font-size:.75rem;line-height:1.45}.credential-result{padding:28px 18px;text-align:center}.credential-result code{margin:18px auto;padding:14px 18px;display:block;width:max-content;max-width:100%;overflow-wrap:anywhere;border:1px dashed rgba(129,228,200,.55);border-radius:14px;color:#b9ffe9;background:#04131e9e;font-size:1.15rem}.role-details-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:11px}.role-editor-section{margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid var(--line)}.role-editor-section--last{margin-bottom:0;padding-bottom:0;border-bottom:0}.permission-toolbar{margin-bottom:10px;display:flex;align-items:flex-end;justify-content:space-between;gap:14px}.permission-toolbar h3{margin-bottom:2px}.permission-toolbar p{margin:0;font-size:.78rem}.permission-search{min-height:38px;margin-bottom:7px;padding:0 9px;display:flex;align-items:center;gap:7px;border:1px solid var(--line);border-radius:10px;background:#04131e94}.permission-search input{min-width:0;width:100%;border:0;outline:0;color:var(--text);background:transparent}.permission-search--wide{width:min(420px,100%);margin:0 0 12px}.permission-toolbar__actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:7px}.permission-full-access{min-height:40px;padding:0 12px;display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:11px;color:var(--text);background:#20c9970f;cursor:pointer}.permission-full-access input,.permission-card input{accent-color:var(--mint)}.permission-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;align-items:start}.permission-card{min-width:0;overflow:hidden;border:1px solid var(--line);border-radius:12px;background:#03121d33}.permission-card>header{min-height:43px;padding:6px 9px;display:flex;align-items:center;justify-content:space-between;gap:9px;border-bottom:1px solid var(--line);background:#ffffff06}.permission-card>header h4{margin:0 0 2px;text-transform:capitalize}.permission-card>header span{color:var(--muted);font-size:.72rem}.permission-card>header label{display:inline-flex;align-items:center;gap:6px;font-weight:700;cursor:pointer}.permission-card__actions{padding:5px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}.permission-card__actions>label{min-height:31px;padding:4px 6px;display:flex;align-items:center;gap:6px;border:1px solid transparent;border-radius:8px;background:#ffffff06;cursor:pointer;text-transform:capitalize}.permission-card__actions>label:hover{border-color:var(--line-strong);background:#20c9970f}.permission-card__actions>label.danger:hover{border-color:#ff60786b;background:#ff607812}.permission-card__actions input{flex:0 0 auto}.permission-card__actions span{display:block;min-width:0}.permission-card__actions strong{display:block;overflow:hidden;font-size:.76rem;text-overflow:ellipsis;white-space:nowrap}.permission-card__actions small{display:none}@media(max-width:1350px){.employee-filters{grid-template-columns:repeat(4,minmax(160px,1fr))}.employee-filters .search-field{grid-column:span 2}}@media(max-width:1100px){.filter-grid--attendance{grid-template-columns:repeat(3,minmax(150px,1fr))}}@media(max-width:1050px){.permission-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:820px){.role-details-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.permission-toolbar{align-items:flex-start;flex-direction:column}.permission-toolbar__actions{justify-content:flex-start}.permission-card-grid{grid-template-columns:1fr}.multi-select__menu{width:100%}}.field select[multiple]{min-height:42px}.dropdown-search{min-height:40px;display:flex;align-items:center;gap:8px;padding:0 10px;border:1px solid var(--line);border-radius:10px;background:#020d168c}.dropdown-search svg{flex:0 0 auto;color:var(--muted)}.dropdown-search input{min-width:0;width:100%;border:0;outline:0;color:#fff;background:transparent}.single-select-options button{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 10px;border:1px solid transparent;border-radius:9px;color:#fff;background:transparent;cursor:pointer;text-align:left}.single-select-options button:hover,.single-select-options button.selected{border-color:#2cd9ab59;background:#2cd9ab17}.single-select-options button small{margin:0;white-space:nowrap}.multi-select__menu--portal{z-index:1200}@media(max-width:560px){.employee-filters,.role-details-grid,.filter-grid--attendance{grid-template-columns:1fr}.employee-filters .search-field{grid-column:auto}.permission-toolbar__actions{width:100%}.permission-toolbar .button{flex:1}.permission-full-access{width:100%}.permission-card__actions{grid-template-columns:1fr}}.qa-tabs{margin-bottom:10px}.qa-summary{margin-bottom:10px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.qa-summary article{min-height:76px;padding:13px 15px;display:grid;align-content:center;gap:4px;border:1px solid var(--line);border-radius:15px;background:#14303cc7}.qa-summary span{color:var(--muted);font-size:.76rem}.qa-summary strong{font-size:1.3rem}.qa-report-panel{padding:14px}.qa-filter-toolbar{margin-bottom:12px;display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));align-items:end;gap:9px}.qa-period>span{display:block;margin-bottom:6px;color:#d7e4e8;font-size:.76rem;font-weight:750}.segmented{min-height:42px;padding:3px;display:flex;border:1px solid var(--line);border-radius:12px;background:#04131e94}.segmented button{flex:1;border:0;border-radius:9px;color:var(--muted);background:transparent;cursor:pointer;font-weight:750}.segmented button.active{color:#fff;background:#0f5b58cc}.qa-employee-filter{display:grid;grid-template-columns:1fr;gap:4px}.qa-employee-filter>span{margin:0}.qa-employee-filter input,.qa-employee-filter select{min-height:34px}.qa-table table{min-width:max(1380px,max-content)}.qa-table th:last-child,.qa-table td:last-child{position:sticky;right:0;min-width:190px}.qa-table th:last-child{z-index:4;background:#193540}.qa-table td:last-child{z-index:1;background:#132e3a;box-shadow:-10px 0 18px #03101947}.qa-table tbody tr:hover td:last-child{background:#173540}.qa-live-table table{min-width:1050px}.qa-result-chips{min-width:260px;display:flex;flex-wrap:wrap;gap:5px}.qa-result-chips span{padding:5px 8px;border-radius:8px;color:#05231f;background:#36d8b0;font-size:.7rem;font-weight:800;white-space:nowrap}.qa-chat-link,.qa-detail-note a,.qa-review-context a{display:inline-flex;align-items:center;gap:5px;color:#60d9ff;text-decoration:none;font-weight:750;white-space:nowrap}.qa-field-column{min-width:150px;max-width:210px;white-space:normal;line-height:1.2}.qa-field-column small{display:block;margin-top:4px;color:#9fb4ba;font-size:.65rem;text-transform:none;letter-spacing:0}.qa-score-cell{text-align:center;white-space:nowrap}.qa-score-cell strong{color:#5ee0bd;font-size:1rem}.qa-score-cell span{color:var(--muted);font-size:.75rem}.qa-employee-group td{position:static!important;padding:8px 14px;background:#0e2731!important;border-top:2px solid rgba(53,216,176,.38);box-shadow:none!important}.qa-employee-group strong{margin-right:12px;color:#71e6c5}.qa-employee-group span{color:var(--muted);font-size:.76rem}.qa-employee-browser{display:grid;grid-template-columns:280px minmax(0,1fr);gap:12px;min-height:430px}.qa-employee-sidebar,.qa-employee-results{min-width:0;border:1px solid var(--line);border-radius:15px;background:#03121b3d;overflow:hidden}.qa-employee-sidebar{padding:11px}.qa-employee-sidebar__heading{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;margin-bottom:9px}.qa-employee-sidebar__heading span{color:var(--muted);font-size:.72rem}.qa-employee-sidebar>input{width:100%;margin-bottom:8px;padding:9px 10px;border:1px solid var(--line);border-radius:10px;color:var(--text);background:#09222d}.qa-employee-sidebar__list{display:grid;gap:7px;max-height:510px;overflow:auto}.qa-employee-sidebar__list>button{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 7px;padding:10px;border:1px solid var(--line);border-radius:12px;color:var(--text);text-align:left;background:#ffffff06}.qa-employee-sidebar__list>button.active{border-color:#21c79d;background:#21c79d1a}.qa-employee-sidebar__list button span{min-width:0}.qa-employee-sidebar__list button strong,.qa-employee-sidebar__list button small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.qa-employee-sidebar__list button small,.qa-employee-sidebar__list button em{color:var(--muted);font-size:.68rem;font-style:normal}.qa-employee-sidebar__list button em{grid-column:1 / -1}.qa-employee-results>header{display:flex;justify-content:space-between;gap:12px;padding:13px 15px;border-bottom:1px solid var(--line)}.qa-employee-results>header h3{margin:2px 0}.qa-employee-results>header span{color:var(--muted);font-size:.76rem}.qa-employee-results__metrics{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px}.qa-employee-results__metrics span{padding:7px 9px;border-radius:9px;background:#ffffff0d}.qa-employee-results__metrics strong{color:#6ee2c1}.qa-employee-results .table-wrap{border:0;border-radius:0}@media(max-width:900px){.qa-employee-browser{grid-template-columns:1fr}.qa-employee-sidebar__list{grid-template-columns:repeat(2,minmax(0,1fr));max-height:280px}.qa-employee-results>header{flex-direction:column}.qa-employee-results__metrics{justify-content:flex-start}}.qa-step-one{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.qa-step-one .field:nth-last-child(-n+2){grid-column:span 1}.qa-review-context{margin-bottom:12px;padding:10px 12px;display:flex;justify-content:space-between;align-items:center;gap:12px;border:1px solid var(--line);border-radius:12px}.qa-review-context span{font-weight:850}.qa-score-context-chips{display:flex;flex-wrap:wrap;gap:6px}.qa-score-context-chips span{padding:5px 9px;border:1px solid var(--line);border-radius:999px;color:var(--muted);background:#ffffff06;font-size:.74rem;font-weight:800}.qa-compact-score-list{display:grid;border-top:1px solid var(--line)}.qa-compact-score-row{min-height:45px;padding:6px 7px;display:grid;grid-template-columns:minmax(190px,1fr) auto;gap:12px;align-items:center;border-bottom:1px solid var(--line)}.qa-compact-score-label{min-width:0;display:flex;gap:8px;align-items:center}.qa-compact-score-label strong{font-size:.82rem}.qa-compact-score-label small{padding:3px 6px;border-radius:999px;color:#ffbfcc;background:#ff486f1f;font-size:.63rem;font-weight:900;white-space:nowrap}.qa-score-options{display:grid;grid-template-columns:repeat(var(--score-columns,11),28px);gap:4px}.qa-score-options button{width:28px;height:28px;padding:0;border:1px solid var(--line);border-radius:7px;color:var(--text);background:#ffffff08;cursor:pointer;font-size:.7rem;font-weight:800}.qa-score-options button:hover{border-color:#28d5a7}.qa-score-options button.active{border-color:#28d5a7;color:#031c17;background:#28d5a7}.qa-review-remark textarea{min-height:88px;resize:vertical}.qa-scorecard-help{margin-top:10px;padding:9px 11px;border:1px solid rgba(40,213,167,.22);border-radius:11px;color:var(--muted);background:#28d5a70b;font-size:.76rem}.qa-scorecard-help summary{color:var(--text);font-weight:800;cursor:pointer}.qa-scorecard-help span{display:block;margin-top:6px;line-height:1.45}.qa-live-metric-list{display:grid;gap:8px}.qa-live-metric-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;gap:9px;align-items:end}.qa-scorecard-entry>.field{margin-top:12px}.qa-detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.qa-detail-grid article{padding:12px;display:grid;gap:5px;border:1px solid var(--line);border-radius:13px}.qa-detail-grid span{color:var(--muted);font-size:.75rem}.qa-detail-note{margin-top:12px;padding:13px;border:1px solid var(--line);border-radius:13px}.qa-detail-note p{color:var(--muted)}.qa-card-manager{display:grid;grid-template-columns:245px minmax(0,1fr);gap:14px;align-items:start}.qa-card-library{padding:9px;display:grid;align-content:start;gap:6px;border:1px solid var(--line);border-radius:14px;background:#03121b42}.qa-card-library>.button{width:100%;margin-bottom:3px}.qa-card-library>button:not(.button){min-width:0;padding:10px;display:grid;gap:3px;border:1px solid transparent;border-radius:10px;color:var(--text);background:transparent;text-align:left;cursor:pointer}.qa-card-library>button:not(.button) strong,.qa-card-library>button:not(.button) small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.qa-card-library>button.active{border-color:#28d5a759;background:#1f606066}.qa-card-library small{color:var(--muted)}.qa-card-form{min-width:0}.qa-card-basics{display:grid;grid-template-columns:minmax(220px,1.5fr) minmax(170px,1fr) 145px;gap:10px;align-items:end}.qa-card-form>.field{margin-top:10px}.qa-field-heading{margin:12px 0 8px;display:flex;align-items:center;justify-content:space-between;gap:12px}.qa-field-heading h3,.qa-field-heading p{margin:0}.qa-field-heading p{color:var(--muted);font-size:.78rem}.qa-card-field{padding:9px;display:grid;grid-template-columns:28px minmax(170px,2fr) 88px 82px 110px 82px auto;align-items:end;gap:8px;border:1px solid var(--line);border-radius:12px;background:#04121d4d}.qa-card-field__number{width:28px;height:28px;margin-bottom:7px;display:grid;place-items:center;border-radius:9px;color:#6ee2c1;background:#28d5a71a;font-size:.72rem;font-weight:900}.qa-check{min-height:42px;padding:0 10px;display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:11px;font-size:.76rem;font-weight:750}.qa-check input{accent-color:var(--mint)}@media(max-width:1000px){.qa-summary{grid-template-columns:repeat(2,1fr)}.qa-card-manager{grid-template-columns:1fr}.qa-card-library{grid-template-columns:repeat(2,minmax(0,1fr))}.qa-card-library>.button{margin:0}.qa-card-basics{grid-template-columns:repeat(2,minmax(0,1fr))}.qa-card-basics .field:last-child{grid-column:1 / -1}.qa-card-field{grid-template-columns:28px repeat(2,minmax(0,1fr))}.qa-card-field__number{align-self:center}}@media(max-width:720px){.qa-compact-score-row{grid-template-columns:1fr}.qa-score-options{grid-template-columns:repeat(var(--score-columns,11),minmax(24px,1fr))}.qa-score-options button{width:100%}.qa-live-metric-row{grid-template-columns:1fr}}@media(max-width:560px){.qa-summary,.qa-step-one,.qa-detail-grid,.qa-filter-toolbar,.qa-card-library,.qa-card-basics,.qa-card-field{grid-template-columns:1fr}.qa-card-basics .field:last-child{grid-column:auto}.qa-card-field__number{margin:0}.qa-score-options{grid-template-columns:repeat(6,1fr)}}.quiz-workspace-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(290px,340px);gap:14px;align-items:start}.quiz-list-panel{min-width:0}.quiz-filters{grid-template-columns:minmax(220px,1fr) minmax(180px,.6fr)}.quiz-leaderboard-panel{position:sticky;top:96px;margin-bottom:14px}.quiz-leaderboard-panel .field{margin-bottom:10px}.quiz-leaderboard-panel h2{display:flex;align-items:center;gap:8px}.quiz-attempt-action{display:grid;justify-items:center;gap:4px}.quiz-attempt-action small{display:flex;gap:7px;color:var(--muted);font-size:.66rem;white-space:nowrap}.quiz-attempt-action small span:first-child{color:#8cebc9}.quiz-attempt-action small span:last-child{color:#ffd190}.leaderboard-list{margin:10px 0 0;padding:0;display:grid;gap:7px;list-style:none}.leaderboard-list li{min-width:0;padding:10px;display:grid;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:9px;border:1px solid var(--line);border-radius:13px;background:#ffffff06}.leaderboard-list li>div{min-width:0}.leaderboard-list strong,.leaderboard-list small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.leaderboard-list small{margin-top:2px;color:var(--muted)}.leaderboard-rank{width:28px;height:28px;display:grid;place-items:center;border-radius:9px;color:#ffe099;background:#ffb73a1f;font-weight:900}.quiz-question-editor{padding:14px;border:1px solid var(--line);border-radius:16px;background:#ffffff05}.quiz-question-grid{margin-bottom:14px;display:grid;grid-template-columns:minmax(0,1fr) 110px;gap:11px;align-items:end}.typing-review-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start}.typing-review-card{min-width:0;padding:16px;border:1px solid var(--line);border-radius:16px;background:#ffffff06}.typing-review-card__heading{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.typing-review-card__heading h3{margin:2px 0 0}.typing-score{margin:10px 0}.typing-screenshot{min-height:190px;margin-bottom:14px;display:grid;place-items:center;overflow:hidden;border:1px solid var(--line);border-radius:13px;background:#00000038}.typing-screenshot a{width:100%;height:100%;display:grid;place-items:center}.typing-screenshot img{display:block;width:100%;max-height:280px;object-fit:contain}.typing-screenshot__empty{min-height:190px;display:grid;place-items:center;align-content:center;gap:8px;color:var(--muted)}.typing-review-locked{min-height:72px;padding:12px;display:grid;gap:5px;border-radius:12px;background:#ffffff08}.typing-review-locked span{color:var(--muted)}.typing-admin-table table{min-width:1360px}.typing-admin-table td{padding-top:10px;padding-bottom:10px}.typing-result-chips{min-width:310px;display:flex;flex-wrap:wrap;gap:6px}.typing-result-chip{padding:5px 9px;border-radius:8px;color:#052330;background:#29c9ee;font-size:.69rem;font-weight:850;white-space:nowrap}.typing-result-chip--approved{background:#34d5a6}.typing-result-chip--rejected{background:#ffc53d}.typing-result-chip--missing{color:#3e1120;background:#ff6d8e}.typing-group-status{display:inline-flex;padding:5px 12px;border:1px solid var(--line);border-radius:999px;color:#c7d5d9;font-size:.67rem;font-weight:900;letter-spacing:.12em}.typing-group-status--approved{color:#a7f4d8;border-color:#2cd5a657}.typing-group-status--rejected,.typing-group-status--missing{color:#ffe19c;border-color:#ffc53d61}.typing-review-note{max-width:190px;color:var(--muted)}.typing-review-action.button{min-height:34px;padding:0 14px;border-color:#18aae2;border-radius:10px;color:#fff;background:#18aae2;white-space:nowrap}.typing-month-filter{display:flex;align-items:end;gap:10px;margin-bottom:15px}.typing-month-filter .field{width:min(260px,100%)}.typing-employee-schedule table{min-width:1050px}.typing-submit-help{margin:0 0 12px;color:var(--muted);font-size:.84rem}.typing-submit-grid{display:grid;grid-template-columns:1fr;gap:10px}.typing-submit-language{min-width:0;padding:13px 14px;border:1px solid var(--line);border-radius:15px;background:#ffffff06}.typing-submit-language__heading{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:10px}.typing-submit-language h3{margin:0;font-size:1rem;text-transform:uppercase}.typing-submit-language__heading small{display:block;margin-top:2px;color:var(--muted);font-size:.72rem}.typing-submit-fields{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:end;gap:12px}.typing-submit-language .field>span{margin-bottom:4px;font-size:.7rem}.typing-submit-language .field input{min-height:39px;border-radius:10px}.typing-file-field input[type=file]{padding:6px}.typing-submit-preview{max-width:100%;margin:9px 0 0;font-size:.75rem}.typing-submit-preview img{width:58px;height:48px}@media(max-width:620px){.typing-submit-fields{grid-template-columns:1fr}}.typing-employee-result{display:flex;align-items:center;justify-content:space-between;gap:9px;min-width:130px}.typing-employee-result>span{white-space:nowrap}.typing-employee-result img{width:46px;height:46px;border:1px solid var(--line);border-radius:7px;object-fit:cover;background:var(--surface-strong)}.typing-thumbnail-button{padding:0;border:0;border-radius:8px;background:transparent;cursor:zoom-in}.typing-thumbnail-button:hover{box-shadow:0 0 0 3px #2dd8ab33}.typing-result-empty{color:var(--muted)}.typing-employee-action{display:grid;justify-items:start;gap:6px;min-width:190px}.typing-employee-action small{color:var(--muted);line-height:1.35}.typing-existing-screenshot{display:flex;align-items:center;gap:10px;width:fit-content;margin:10px 0 4px;padding:5px 9px 5px 5px;border:1px solid var(--line);border-radius:10px;color:var(--accent);background:#ffffff06;cursor:zoom-in}.typing-existing-screenshot span{display:inline-flex;align-items:center;gap:5px}.typing-existing-screenshot img{width:72px;height:54px;object-fit:cover;border:1px solid var(--line);border-radius:8px}.break-policy-note{margin:12px 0 8px;color:var(--muted);font-size:.88rem;line-height:1.45}.typing-scorecards{margin:0 0 10px;display:grid;grid-template-columns:repeat(auto-fit,minmax(185px,1fr));gap:8px}.panel>.typing-scorecards{margin-top:8px}.typing-scorecard{min-width:0;padding:10px 12px;border:1px solid rgba(112,210,211,.25);border-radius:12px;background:linear-gradient(145deg,#1c3d46bd,#071a27b8);box-shadow:0 5px 16px #00000014}.typing-scorecard--overall{border-color:#f7c74a61}.typing-scorecard>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--muted);font-size:.82rem;font-weight:800}.typing-scorecard>div:first-child svg{width:18px;height:18px}.typing-scorecard>strong{display:block;margin:2px 0;font-size:1.2rem}.typing-scorecard>small{display:block;color:var(--muted);font-size:.75rem;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.typing-scorecard__track{height:4px;margin-top:6px;overflow:hidden;border-radius:9px;background:#ffffff1a}.typing-scorecard__track span{display:block;height:100%;border-radius:inherit}.typing-review-panel .filter-grid{gap:8px;margin-bottom:8px}.typing-review-panel .field>span{margin-bottom:4px}.typing-review-panel .field input,.typing-review-panel .field select{min-height:38px;border-radius:10px}.typing-image-preview{min-height:320px;display:grid;place-items:center;overflow:auto;border:1px solid var(--line);border-radius:16px;background:#06131d}.typing-image-preview img{display:block;max-width:100%;max-height:calc(100vh - 260px);object-fit:contain}.typing-review-preview{width:100%;min-height:190px;padding:8px;display:grid;place-items:center;gap:7px;border:0;color:var(--accent);background:transparent;cursor:zoom-in}.typing-review-preview span{display:inline-flex;align-items:center;gap:5px}.quiz-option-list{margin:10px 0;display:grid;gap:7px}.quiz-option-row{display:grid;grid-template-columns:auto minmax(180px,1fr) auto;align-items:center;gap:8px}.quiz-option-row>input{min-height:42px;padding:0 11px;border:1px solid var(--line);border-radius:12px;color:#fff;background:#04131e94;outline:none}.quiz-correct-toggle{min-height:42px;padding:0 10px;display:flex;align-items:center;gap:7px;border:1px solid rgba(32,201,151,.25);border-radius:12px;color:#aef2dd;background:#20c9970f;cursor:pointer;font-size:.76rem;font-weight:800}.quiz-correct-toggle input{accent-color:var(--mint)}.quiz-question-image-editor{margin:0 0 12px;display:flex;flex-wrap:wrap;align-items:center;gap:10px}.quiz-image-thumbnail,.quiz-question-image{padding:7px;display:grid;gap:6px;border:1px solid var(--line);border-radius:13px;color:var(--accent);background:#ffffff06;cursor:zoom-in;text-align:left}.quiz-image-thumbnail{grid-template-columns:86px auto;align-items:center}.quiz-image-thumbnail img{width:86px;height:62px;border-radius:9px;object-fit:cover}.quiz-image-thumbnail span,.quiz-question-image span{display:inline-flex;align-items:center;gap:5px;font-size:.74rem;font-weight:800}.quiz-question-image{width:fit-content;max-width:100%;margin:10px 0 14px}.quiz-question-image img{display:block;width:auto;max-width:100%;max-height:240px;border-radius:10px;object-fit:contain}.quiz-image-preview{max-height:min(62vh,520px);display:grid;place-items:center;overflow:auto;border:1px solid var(--line);border-radius:14px;background:#06131d}.quiz-image-preview img{display:block;width:auto;max-width:100%;max-height:min(58vh,480px);object-fit:contain;transform-origin:center;transition:transform .15s ease}.quiz-image-preview__tools{width:100%;display:flex;align-items:center;justify-content:flex-end;gap:8px}.quiz-image-preview__tools .button{min-width:38px;padding:0 10px}.quiz-image-preview__tools span{min-width:46px;color:var(--muted);text-align:center;font-size:.78rem;font-weight:800}.attempt-summary{margin-bottom:14px;padding:12px;display:flex;align-items:center;gap:12px;border:1px solid var(--line);border-radius:14px;background:#ffffff06}.attempt-summary strong{font-size:1.35rem}.attempt-summary span:last-child{margin-left:auto;color:var(--muted)}@media(max-width:1120px){.quiz-workspace-layout{grid-template-columns:1fr}.quiz-leaderboard-panel{position:static}.quiz-leaderboard-panel .empty{padding:16px}}@media(max-width:650px){.quiz-filters,.quiz-question-grid,.quiz-option-row,.typing-review-grid{grid-template-columns:1fr}.quiz-option-row .button{width:100%}.attempt-summary{align-items:flex-start;flex-wrap:wrap}.attempt-summary span:last-child{width:100%;margin-left:0}}
/* qa-browser-and-dropdown-visibility */.multi-select__menu--portal{display:flex;flex-direction:column;width:min(420px,calc(100vw - 20px))!important}.multi-select__options{min-height:0;flex:1 1 auto;overflow-y:auto}.multi-select__options label span,.single-select-options button span{white-space:normal;overflow-wrap:anywhere}.multi-select__trigger>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.qa-sidebar-pagination .pagination{margin-top:8px;padding-top:8px;display:grid;gap:6px}.qa-sidebar-pagination .pagination>p{margin:0;text-align:center}.qa-sidebar-pagination .pagination>div{justify-content:center;flex-wrap:wrap}.qa-employee-results>.pagination{padding:10px 14px}.qa-sidebar-pagination .pagination select{display:none}

/* compact-dashboard-summary-rows */
@media(min-width:1501px){.dashboard-metrics{grid-template-columns:repeat(10,minmax(0,1fr));gap:7px;margin-bottom:8px}.dashboard-metrics .metric{min-height:72px;padding:8px 9px;gap:5px;border-radius:14px}.dashboard-metrics .metric span{font-size:.76rem;line-height:1.16}.dashboard-metrics .metric strong{margin-top:2px;font-size:1.18rem;line-height:1}.dashboard-metrics .metric i{width:30px;height:30px;flex:0 0 30px}.dashboard-metrics .metric i svg{width:17px;height:17px}.dashboard-tabs{margin-bottom:10px}}
@media(min-width:1251px){.daily-summary{grid-template-columns:repeat(7,minmax(0,1fr));gap:9px}.daily-summary>div{padding:11px 12px;border-radius:14px}.daily-summary span{margin-bottom:4px}}

/* employee-dashboard-team */
.employee-team-badge{display:grid;gap:2px;min-width:168px;padding:9px 14px;border:1px solid #7de7d43b;border-left:3px solid #40d9b8;border-radius:14px;color:#f4fffc;background:linear-gradient(145deg,#0e2732d9,#123d44ad);box-shadow:inset 0 1px #ffffff12,0 10px 24px #00131d30;white-space:nowrap}.employee-team-badge small{color:#83dccb;font-size:.6rem;font-weight:800;letter-spacing:.15em;text-transform:uppercase}.employee-team-badge strong{font-size:.88rem;letter-spacing:.02em}

/* modern-initial-avatar */
.profile-chip>span,.topbar__avatar{position:relative;overflow:hidden;color:#fff;border:1px solid #ffffff38;background:radial-gradient(circle at 28% 20%,#b9ffe8 0 5%,#43d69e 24%,#079b86 55%,#075873 100%);box-shadow:inset 3px 3px 8px #ffffff4d,inset -5px -6px 10px #003e576b,0 7px 16px #00131f73;text-shadow:0 2px 4px #002c41;font-weight:900;isolation:isolate}.profile-chip>span:before,.topbar__avatar:before{content:"";position:absolute;inset:2px 5px auto;height:42%;border-radius:999px;background:linear-gradient(#ffffff70,#ffffff05);transform:rotate(-9deg);z-index:-1}.topbar__avatar{width:38px;height:38px;display:grid;place-items:center;flex:0 0 38px;border-radius:13px;font-size:1rem}.topbar__user-copy{display:block;text-align:right}@media(min-width:821px){.topbar__user--button{display:flex;align-items:center;gap:10px;min-width:158px;padding:7px 11px}}