@font-face{font-family:Urbanist;src:url(/fonts/Urbanist/static/Urbanist-ExtraLight.ttf) format("truetype");font-weight:200;font-style:normal;font-display:swap}@font-face{font-family:Urbanist;src:url(/fonts/Urbanist/static/Urbanist-ExtraLightItalic.ttf) format("truetype");font-weight:200;font-style:italic;font-display:swap}@font-face{font-family:Urbanist;src:url(/fonts/Urbanist/static/Urbanist-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Urbanist;src:url(/fonts/Urbanist/static/Urbanist-Italic.ttf) format("truetype");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Urbanist;src:url(/fonts/Urbanist/static/Urbanist-Bold.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Urbanist;src:url(/fonts/Urbanist/static/Urbanist-BoldItalic.ttf) format("truetype");font-weight:700;font-style:italic;font-display:swap}@font-face{font-family:Urbanist;src:url(/fonts/Urbanist/static/Urbanist-ExtraBold.ttf) format("truetype");font-weight:800;font-style:normal;font-display:swap}@font-face{font-family:Urbanist;src:url(/fonts/Urbanist/static/Urbanist-ExtraBoldItalic.ttf) format("truetype");font-weight:800;font-style:italic;font-display:swap}:root{--color-primary: #9DAB24;--color-primary-light: #CBDC6A;--color-primary-dark: #6E7A1A;--color-secondary: #244A9D;--color-secondary-light: #6A8ACB;--color-secondary-dark: #1A366E;--color-accent: #24A6AB;--color-accent-light: #6ACCCD;--color-accent-dark: #1A7173;--color-grey-100: #F8F9FA;--color-grey-200: #E9ECEF;--color-grey-300: #DEE2E6;--color-grey-400: #CED4DA;--color-grey-500: #ADB5BD;--color-grey-600: #6C757D;--color-grey-700: #495057;--color-grey-800: #343A40;--color-grey-900: #212529;--color-success: #28A745;--color-error: #DC3545;--color-warning: #FFC107;--color-info: #17A2B8;--bg-default: #FFFFFF;--bg-light: var(--color-grey-100);--bg-muted: var(--color-grey-200);--font-sans: "Urbanist", sans-serif;--base-font-size: 16px;--heading-color: var(--color-grey-800);--body-color: var(--color-grey-700);--brand-primary: var(--color-secondary);--brand-primary-contrast: #ffffff;--text: var(--body-color);--border-soft: var(--color-grey-300);--shadow-sm: 0 1px 6px rgba(0,0,0,.05);--shadow-lg: 0 10px 25px rgba(0,0,0,.08)}.approval-item:hover{box-shadow:0 2px 12px #0000000f;border-color:var(--color-grey-300)}.approval-actions{min-width:180px}.badge{border:1px solid rgba(0,0,0,.06)}.btn:focus{outline:2px solid var(--color-secondary-light);outline-offset:2px}.btn-approve:hover{filter:brightness(1.05)}.btn-reject:hover{filter:brightness(.98)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:var(--base-font-size)}body{font-family:var(--font-sans);color:var(--body-color);background-color:var(--bg-default);line-height:1.5}.text-primary{color:var(--color-primary)}.bg-primary{background-color:var(--color-primary)}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.login-container{display:flex;align-items:center;justify-content:center;min-height:100vh;background:var(--bg-light);animation:fadeIn .6s ease-out both}.login-card{background:#fff;padding:2rem;border-radius:1rem;box-shadow:0 8px 24px #0000001a;width:100%;max-width:400px;text-align:center;font-family:var(--font-sans)}.login-logo{width:200px;margin-bottom:1rem;animation:fadeIn .8s ease-out both}.app-title{font-size:1.75rem;font-weight:800;color:var(--color-primary);margin-bottom:.25rem;animation:fadeIn .8s ease-out both}.app-tagline{font-size:.9rem;color:var(--color-grey-600);margin-bottom:1.5rem}.login-card h2{margin-bottom:1.5rem;color:var(--heading-color);font-weight:700}.login-form{display:flex;flex-direction:column;gap:1rem}.login-form label{text-align:left;font-size:.9rem;color:var(--body-color)}.login-form input,.login-form select{width:100%;padding:.75rem 1rem;border:1px solid var(--color-grey-300);border-radius:.5rem;font-size:1rem;transition:border-color .3s ease}.login-form input:focus,.login-form select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #9dab2433}.login-button{padding:.75rem;background:var(--color-primary);color:#fff;border:none;border-radius:.5rem;font-size:1rem;font-weight:600;cursor:pointer;transition:background .3s ease,transform .2s ease}.login-button:hover{background:var(--color-primary-dark);transform:translateY(-2px)}.signup-link{margin-top:1rem;font-size:.9rem;color:var(--color-grey-600)}.signup-link a{color:var(--color-primary);text-decoration:none;font-weight:500;position:relative}.signup-link a:after{content:"";position:absolute;left:0;bottom:-2px;width:0;height:2px;background:var(--color-primary);transition:width .3s ease}.signup-link a:hover:after{width:100%}.login-form input::placeholder{font-family:var(--font-sans);font-style:italic;color:var(--color-grey-400)}.login-form input::-webkit-input-placeholder{font-family:var(--font-sans);font-style:italic;color:var(--color-grey-400)}.login-form input::-moz-placeholder{font-family:var(--font-sans);font-style:italic;color:var(--color-grey-400)}.login-form input:-ms-input-placeholder{font-family:var(--font-sans);font-style:italic;color:var(--color-grey-400)}.login-form input::-ms-input-placeholder{font-family:var(--font-sans);font-style:italic;color:var(--color-grey-400)}.navigation-menu{width:250px;height:100vh;background-color:var(--bg-default);border-right:1px solid var(--color-grey-200);display:flex;flex-direction:column;align-items:center;padding-top:1rem}.nav-logo{width:140px;margin-bottom:2rem}.user-section{text-align:center;margin-bottom:2rem}.user-icon{font-size:3rem;color:var(--color-grey-400);margin-bottom:.5rem}.user-name{font-weight:700;color:var(--color-primary-dark)}.user-role{font-size:.9rem;color:var(--color-grey-600)}.countdown{font-size:.8rem;color:var(--color-error);margin-top:.25rem;animation:pulse 1s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.nav-items{list-style:none;padding:0;width:100%}.nav-item{width:100%}.nav-link{display:flex;align-items:center;padding:.8rem 1rem;color:var(--body-color);text-decoration:none;font-weight:500;transition:background-color .2s,color .2s}.nav-link:hover{background-color:var(--color-primary-light);color:var(--color-primary-dark)}.nav-icon{margin-right:.75rem;font-size:1.1rem}.admin-section{margin-top:auto;width:100%;padding-bottom:2rem}.admin-section h3{margin-left:1rem;font-size:.9rem;color:var(--color-grey-600);text-transform:uppercase;margin-bottom:.5rem}.nav-link.active{background-color:var(--color-primary-light);color:var(--color-primary-dark);font-weight:700;border-left:4px solid var(--color-primary-dark)}.nav-toggle{display:none}@media (max-width: 900px){.nav-toggle{display:inline-flex;position:fixed;top:env(safe-area-inset-top,12px);left:env(safe-area-inset-left,12px);z-index:1100;align-items:center;justify-content:center;width:42px;height:42px;border-radius:10px;border:1px solid var(--color-grey-300);background:#fff;color:var(--color-grey-800);box-shadow:0 6px 18px #00000014}.navigation-menu{position:fixed;top:0;left:0;height:100dvh;width:min(85vw,320px);transform:translate(-100%);transition:transform .25s ease;box-shadow:0 12px 28px #0000002e;padding-top:calc(1rem + env(safe-area-inset-top,0px));z-index:1200}.navigation-menu.open{transform:translate(0)}.nav-overlay{position:fixed;top:0;left:min(85vw,320px);right:0;bottom:0;background:#00000047;-webkit-backdrop-filter:saturate(120%) blur(2px);backdrop-filter:saturate(120%) blur(2px);z-index:1100;animation:fadeIn .15s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}}.home-page{display:flex;align-items:flex-start}.home-main{flex:1;min-height:100vh;padding:1.25rem 1.25rem 5.5rem;background:var(--bg-light)}.home-topbar{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:1rem}.home-title h1{color:var(--heading-color);line-height:1.1}.home-actions{display:flex;gap:1rem;align-items:center}.range-picker{display:flex;gap:.5rem}.pill{padding:.4rem .7rem;border-radius:999px;border:1px solid var(--color-grey-300);background:#fff;cursor:pointer;font-family:var(--font-sans)}.pill.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.pill:disabled{opacity:.6;cursor:not-allowed}.quick-actions{display:flex;gap:.5rem;align-items:center}.qa-btn{padding:.45rem .7rem;border-radius:.5rem;border:1px solid var(--color-grey-300);background:#fff;cursor:pointer;font-family:var(--font-sans)}.qa-btn:hover{background:var(--bg-muted)}.kpi-row{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.9rem;margin-top:1rem}@media (max-width: 1200px){.kpi-row{grid-template-columns:repeat(3,1fr)}}@media (max-width: 700px){.kpi-row{grid-template-columns:repeat(1,1fr)}}.kpi-card{background:#fff;border-radius:.75rem;padding:.9rem 1rem}.kpi-label{font-size:.9rem;color:var(--color-grey-700);display:flex;align-items:center;gap:.4rem}.kpi-value{font-size:1.6rem;font-weight:800;color:var(--heading-color);margin:.25rem 0 .15rem}.kpi-sub{font-size:.85rem;color:var(--color-grey-600)}.kpi-flex{display:flex;gap:.6rem;align-items:baseline}.delta{font-size:.95rem;font-weight:700}.delta.up{color:var(--color-success)}.delta.down{color:var(--color-error)}.delta.flat{color:var(--color-grey-600)}.badge-live{display:inline-block;padding:.1rem .4rem;font-size:.7rem;background:var(--color-accent-light);color:#083;border-radius:.4rem}.panel-header{display:flex;align-items:center;justify-content:space-between;margin:1rem 0 .5rem}.panel-header h2{color:var(--heading-color)}.range-toggle{display:flex;gap:.5rem}.range-toggle .pill{border:1px solid var(--color-grey-300);background:#fff;border-radius:999px;padding:.35rem .75rem;cursor:pointer;font-family:var(--font-sans)}.range-toggle .pill.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.charts-wrap{margin-top:.5rem}.charts-grid{display:grid;grid-template-columns:2fr 1fr;gap:1rem}.right-stack{display:grid;gap:1rem}@media (max-width: 980px){.charts-grid{grid-template-columns:1fr}.right-stack{display:grid;grid-template-columns:1fr;gap:1rem}}.chart-card{background:#fff;border-radius:.75rem;padding:1rem;border:1px solid var(--color-grey-200)}.chart-card__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.chart-card__head h3{color:var(--heading-color)}.chart-card__body{padding-top:.25rem;min-height:220px}.chart-area{position:relative;height:280px;width:100%}.hbars{list-style:none;display:flex;flex-direction:column;gap:.5rem}.hbar-row{display:grid;grid-template-columns:1fr 5fr auto;align-items:center;gap:.5rem}.hbar-label{font-weight:600;color:var(--color-grey-800);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hbar-track{background:var(--bg-light);height:10px;border-radius:999px;position:relative;overflow:hidden;border:1px solid var(--color-grey-300)}.hbar-fill{background:var(--color-secondary);height:100%;border-radius:999px}.hbar-value{font-variant-numeric:tabular-nums;color:var(--color-grey-700)}.dwell-flex{display:flex;align-items:center;gap:1rem}.gauge{--size: 72px;--pct: 0%;--gcolor: var(--color-accent);position:relative;width:var(--size);height:var(--size);border-radius:50%;background:conic-gradient(var(--gcolor) var(--pct),var(--bg-muted) 0);border:6px solid #fff;box-shadow:inset 0 0 0 6px #fff,0 1px 6px #0000000f}.gauge:after{content:"";position:absolute;inset:12px;background:#fff;border-radius:50%}.dwell-meta .dwell-num{font-size:1.25rem;font-weight:700;color:var(--heading-color)}.small{font-size:.85rem}.help-tip-wrap{position:relative}.help-tip{width:22px;height:22px;border-radius:50%;background:var(--bg-muted);color:var(--color-grey-800);display:flex;align-items:center;justify-content:center;font-weight:700;cursor:pointer;-webkit-user-select:none;user-select:none;border:none}.tooltip{position:absolute;right:0;top:calc(100% + 8px);min-width:240px;background:#fff;color:var(--color-grey-900);border:1px solid var(--color-grey-200);border-radius:.5rem;box-shadow:0 6px 24px #00000014;padding:.75rem .9rem;z-index:10}.tooltip em{font-style:italic}.tooltip-actions{margin-top:.5rem;text-align:right}.btn-link{background:none;border:none;padding:0;color:var(--color-primary);cursor:pointer;font:inherit}.btn-link:hover{text-decoration:underline}.fin-wrap{margin-top:1rem}.fin-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}@media (max-width: 900px){.fin-grid{grid-template-columns:1fr}}.fin-card{background:#fff;border-radius:.75rem;border:1px solid var(--color-grey-200);padding:1rem;min-height:120px}.fin-card__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:.35rem}.fin-title{display:flex;align-items:center;gap:.5rem;font-weight:700;color:var(--heading-color)}.fin-dot{width:10px;height:10px;border-radius:50%;display:inline-block}.fin-dot--out{background:var(--color-error)}.fin-dot--in{background:var(--color-success)}.fin-card__body{padding-top:.2rem}.fin-value{font-size:1.4rem;font-weight:800;color:var(--heading-color);line-height:1.1}.fin-sub{font-size:.9rem}.top-prod{display:grid;gap:.35rem}.top-prod__row{display:flex;align-items:baseline;justify-content:space-between;gap:.75rem}.top-prod .label{color:var(--color-grey-700)}.top-prod .val{color:var(--heading-color);font-weight:600}.top-prod .val.strong{font-weight:800}.top-prod .code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-weight:700}.activity-wrap{margin-top:1rem}.activity-body{min-height:180px}.timeline{list-style:none;margin:0;padding:.25rem 0 0 .25rem;position:relative}.timeline__item{position:relative;padding-left:1.25rem;margin:.4rem 0}.timeline__item:before{content:"";position:absolute;left:.47rem;top:0;bottom:-.4rem;width:2px;background:var(--color-grey-200)}.timeline__item:last-child:before{bottom:.5rem}.timeline__dot{position:absolute;left:0;top:.35rem;width:.6rem;height:.6rem;border-radius:50%;background:var(--color-primary);box-shadow:0 0 0 3px #fff;border:1px solid var(--color-grey-300)}.timeline__content .timeline__row{display:flex;flex-wrap:wrap;gap:.35rem .5rem;align-items:baseline}.timeline .time{font-weight:700;color:var(--heading-color)}.timeline .mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-weight:600;color:var(--heading-color)}.timeline .loc{color:var(--color-grey-800)}.badge{display:inline-block;padding:.1rem .45rem;border-radius:.4rem;font-size:.75rem;font-weight:800;letter-spacing:.02em;border:1px solid var(--color-grey-300);background:var(--bg-light)}.badge--in{color:var(--color-success);border-color:#10b98159}.badge--out{color:var(--color-error);border-color:#ef444459}.badge--adjust{color:#946200;border-color:#f6b22e73}.activity-wrap .panel-header .pill{padding:.35rem .7rem}.secondary-wrap{margin-top:1rem;display:grid;gap:1rem}.collapse-card{padding:0;overflow:hidden}.collapse-head{width:100%;display:flex;align-items:center;justify-content:space-between;padding:.85rem 1rem;background:#fff;border:none;cursor:pointer;font:inherit;color:var(--heading-color)}.collapse-head:hover{background:var(--bg-muted)}.collapse-body{padding:.75rem 1rem 1rem;border-top:1px solid var(--color-grey-200)}.chev{transition:transform .2s ease}.chev.open{transform:rotate(180deg)}.table-wrap{overflow:auto}.tbl{width:100%;border-collapse:collapse}.tbl th,.tbl td{padding:.5rem .25rem;border-bottom:1px solid var(--color-grey-200)}.tbl th{text-align:left;font-weight:700;color:var(--color-grey-800)}.tbl td.right,.tbl th.right{text-align:right}.tbl .mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,Liberation Mono,monospace;color:var(--heading-color);font-weight:600}.board-list{list-style:none;margin:0;padding:0;display:grid;gap:.5rem}.board-row{display:grid;grid-template-columns:1fr auto 60px;gap:.5rem;align-items:center;padding:.4rem .5rem;border:1px solid var(--color-grey-200);border-radius:.5rem;background:#fff}.board-user{font-weight:700;color:var(--heading-color)}.board-mets{display:flex;gap:.4rem}.board-total{text-align:right;font-weight:800;color:var(--heading-color)}.heat-grid{--cell: 18px;display:grid;gap:.5rem}.heat-hrs{display:grid;grid-template-columns:64px repeat(24,var(--cell));gap:4px;align-items:end}.heat-hr{font-size:.7rem;color:var(--color-grey-600);text-align:center}.heat-row{display:grid;grid-template-columns:80px repeat(24,var(--cell));gap:4px;align-items:center}.heat-day{display:grid;justify-items:end;padding-right:.25rem;line-height:1.15}.heat-dayname{font-size:.8rem;color:var(--color-grey-800)}.heat-date{font-size:.72rem;color:var(--color-grey-600)}.heat-cell{--alpha: .12;--heat: var(--color-accent);width:var(--cell);height:var(--cell);border-radius:.3rem;background:color-mix(in oklab,var(--heat) calc(var(--alpha) * 100%),white);border:1px solid var(--color-grey-200);box-shadow:0 0 0 1px #00000005 inset;cursor:pointer;transition:transform .06s ease,box-shadow .1s ease,background .15s ease}.heat-cell:is(:hover,:focus-visible){transform:translateY(-1px);box-shadow:0 2px 8px #00000014;outline:none}.heat-cell.is-zero{background:var(--bg-muted);border-color:var(--color-grey-200)}.heat-legend{display:flex;align-items:center;gap:.5rem;margin-bottom:.25rem}.legend-bar{display:grid;grid-auto-flow:column;gap:4px;align-items:center}.legend-swatch{--i: 0;width:18px;height:12px;border-radius:3px;background:color-mix(in oklab,hsl(120 70% 56%) calc(var(--i) * 100%),white);border:1px solid var(--color-grey-200)}.legend-numbers{display:grid;grid-auto-flow:column;gap:1rem;margin-left:.5rem;color:var(--color-grey-600);font-size:.75rem}.collapse-body .heat-grid{margin-top:.25rem}.notif-btn{display:flex;align-items:center;gap:.35rem}.notif-icon{font-size:1rem;line-height:1}.notif-text{display:inline}.notif-settings-overlay{position:fixed;inset:0;background:#0006;z-index:1000;display:flex;align-items:flex-start;justify-content:center;padding:2rem 1rem;overflow-y:auto}.notif-settings-panel{background:#fff;border-radius:.75rem;box-shadow:0 8px 32px #00000026;max-width:420px;width:100%;animation:slideDown .2s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.notif-settings-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid var(--color-grey-200)}.notif-settings-header h3{margin:0;font-size:1.1rem;color:var(--heading-color)}.notif-settings-header .close-btn{background:none;border:none;font-size:1.5rem;color:var(--color-grey-600);cursor:pointer;padding:0;line-height:1;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:.5rem;transition:background-color .15s}.notif-settings-header .close-btn:hover{background:var(--bg-muted);color:var(--heading-color)}.notif-settings-body{padding:1rem 1.25rem 1.25rem}.notif-loading{text-align:center;padding:2rem;color:var(--color-grey-600)}.notif-unsupported{text-align:center;padding:1.5rem}.notif-unsupported p{margin:0 0 .5rem}.notif-section{margin-bottom:1.25rem}.notif-section:last-child{margin-bottom:0}.notif-section h4{margin:0 0 .6rem;font-size:.9rem;color:var(--color-grey-700);font-weight:600}.notif-toggle-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem;background:var(--bg-light);border-radius:.5rem;border:1px solid var(--color-grey-200)}.notif-toggle-info{display:flex;flex-direction:column;gap:.15rem}.notif-toggle-label{font-weight:600;color:var(--heading-color);font-size:.95rem}.notif-toggle-desc{font-size:.8rem;color:var(--color-grey-600)}.notif-toggle-btn{min-width:52px;padding:.4rem .7rem;border-radius:999px;border:2px solid var(--color-grey-300);background:#fff;color:var(--color-grey-600);font-weight:700;font-size:.8rem;cursor:pointer;transition:all .15s}.notif-toggle-btn:hover:not(:disabled){border-color:var(--color-grey-400)}.notif-toggle-btn.active{background:var(--color-success);border-color:var(--color-success);color:#fff}.notif-toggle-btn:disabled{opacity:.5;cursor:not-allowed}.notif-blocked-hint{margin:.5rem 0 0;font-size:.8rem;color:var(--color-error);padding:.5rem;background:#ef444414;border-radius:.4rem}.notif-types-list{display:flex;flex-direction:column;gap:.5rem}.notif-type-row{display:flex;align-items:flex-start;gap:.65rem;padding:.6rem .75rem;background:var(--bg-light);border-radius:.5rem;border:1px solid var(--color-grey-200);cursor:pointer;transition:background-color .15s}.notif-type-row:hover{background:var(--bg-muted)}.notif-type-row input[type=checkbox]{margin-top:.15rem;width:18px;height:18px;flex-shrink:0;accent-color:var(--color-primary)}.notif-type-info{display:flex;flex-direction:column;gap:.1rem}.notif-type-label{font-weight:600;color:var(--heading-color);font-size:.9rem}.notif-type-desc{font-size:.75rem;color:var(--color-grey-600)}@media (max-width: 900px){.home-topbar{flex-direction:column;align-items:flex-start;gap:.75rem}.home-actions{flex-wrap:wrap;width:100%}.range-picker,.quick-actions{flex-wrap:wrap}}@media (max-width: 700px){.home-main{padding:1rem 1rem 4rem}.home-title h1{font-size:1.5rem}.home-actions{flex-direction:column;align-items:flex-start;gap:.6rem}.range-picker,.quick-actions{width:100%;justify-content:flex-start}.pill,.qa-btn{padding:.35rem .55rem;font-size:.85rem}.notif-settings-overlay{padding:1rem .75rem}.notif-settings-panel{max-width:100%}.notif-settings-header{padding:.85rem 1rem}.notif-settings-header h3{font-size:1rem}.notif-settings-body{padding:.85rem 1rem 1rem}.notif-toggle-row{padding:.6rem}.notif-toggle-label{font-size:.9rem}.notif-type-row{padding:.5rem .6rem}.notif-type-label{font-size:.85rem}.kpi-card{padding:.75rem .85rem}.kpi-label{font-size:.8rem}.kpi-value{font-size:1.35rem}.kpi-sub{font-size:.8rem}.charts-grid{gap:.75rem}.chart-card{padding:.75rem}.chart-card__head h3{font-size:.95rem}.chart-card__body{min-height:180px}.chart-area{height:220px}.fin-card{padding:.75rem;min-height:100px}.fin-title{font-size:.9rem}.fin-value{font-size:1.2rem}.heat-grid{--cell: 14px;overflow-x:auto;-webkit-overflow-scrolling:touch}.heat-row,.heat-hrs{grid-template-columns:60px repeat(24,var(--cell));min-width:max-content}.heat-dayname{font-size:.7rem}.heat-date{font-size:.65rem}.heat-hr{font-size:.6rem}.timeline__item{padding-left:1rem}.timeline .time{font-size:.9rem}.timeline .mono{font-size:.85rem}.tbl th,.tbl td{padding:.4rem .2rem;font-size:.85rem}.panel-header{flex-wrap:wrap;gap:.5rem}.panel-header h2{font-size:1.1rem}.range-toggle .pill{padding:.3rem .55rem;font-size:.8rem}}@media (max-width: 480px){.home-main{padding:.75rem .75rem 3.5rem}.home-title h1{font-size:1.3rem}.home-title p{font-size:.85rem}.quick-actions{display:grid;grid-template-columns:1fr 1fr;gap:.4rem}.qa-btn{width:100%;text-align:center;font-size:.8rem}.logout-btn{grid-column:1 / -1}.notif-btn .notif-text{display:none}.notif-btn{justify-content:center}.notif-settings-overlay{padding:.5rem;align-items:flex-start}.notif-settings-panel{border-radius:.6rem}.notif-settings-header{padding:.7rem .85rem}.notif-settings-header h3{font-size:.95rem}.notif-settings-body{padding:.7rem .85rem .9rem}.notif-section{margin-bottom:1rem}.notif-section h4{font-size:.85rem}.notif-toggle-row{padding:.55rem;gap:.75rem}.notif-toggle-label{font-size:.85rem}.notif-toggle-desc{font-size:.75rem}.notif-toggle-btn{min-width:46px;padding:.35rem .55rem;font-size:.75rem}.notif-types-list{gap:.4rem}.notif-type-row{padding:.45rem .55rem;gap:.5rem}.notif-type-row input[type=checkbox]{width:16px;height:16px}.notif-type-label{font-size:.8rem}.notif-type-desc{font-size:.7rem}.notif-blocked-hint{font-size:.75rem;padding:.4rem}.kpi-row{gap:.6rem}.kpi-card{padding:.65rem .75rem}.kpi-label{font-size:.75rem;gap:.25rem}.kpi-value{font-size:1.2rem;margin:.15rem 0 .1rem}.kpi-sub{font-size:.75rem}.badge-live{font-size:.6rem;padding:.05rem .3rem}.delta{font-size:.85rem}.chart-card{padding:.6rem}.chart-card__head{flex-wrap:wrap;gap:.4rem}.chart-card__head h3{font-size:.9rem}.chart-card__head p{font-size:.75rem}.chart-card__body{min-height:160px;padding-top:.15rem}.chart-area{height:200px}.hbar-row{grid-template-columns:1fr 3fr auto;gap:.35rem}.hbar-label{font-size:.8rem}.hbar-track{height:8px}.hbar-value{font-size:.8rem}.gauge{--size: 56px}.dwell-flex{gap:.6rem}.dwell-meta .dwell-num{font-size:1rem}.dwell-meta .small{font-size:.75rem}.tooltip{min-width:200px;font-size:.85rem;padding:.6rem .75rem}.fin-card{padding:.6rem .7rem;min-height:90px}.fin-title{font-size:.85rem;gap:.35rem}.fin-dot{width:8px;height:8px}.fin-value{font-size:1.1rem}.fin-sub{font-size:.8rem}.top-prod{gap:.25rem}.top-prod__row{font-size:.85rem}.panel-header h2{font-size:1rem}.range-toggle{gap:.35rem}.range-toggle .pill{padding:.25rem .45rem;font-size:.75rem}.timeline__item{padding-left:.9rem;margin:.3rem 0}.timeline__dot{width:.5rem;height:.5rem;top:.3rem}.timeline__item:before{left:.4rem}.timeline .time,.timeline .mono,.timeline .loc{font-size:.8rem}.badge{font-size:.65rem;padding:.08rem .35rem}.collapse-head{padding:.7rem .75rem;font-size:.9rem}.collapse-body{padding:.6rem .75rem .85rem}.table-wrap{margin:0 -.75rem;padding:0 .75rem}.tbl th,.tbl td{padding:.35rem .15rem;font-size:.8rem}.tbl .mono{font-size:.75rem}.board-row{grid-template-columns:1fr auto 50px;padding:.35rem .4rem;gap:.35rem}.board-user{font-size:.85rem}.board-mets .badge{font-size:.6rem}.board-total{font-size:.85rem}.heat-grid{--cell: 12px}.heat-row,.heat-hrs{grid-template-columns:50px repeat(24,var(--cell))}.heat-day{padding-right:.15rem}.heat-dayname{font-size:.65rem}.heat-date{font-size:.6rem}.heat-hr{font-size:.55rem}.heat-legend{font-size:.75rem;gap:.35rem}.legend-swatch{width:14px;height:10px}.legend-numbers{font-size:.65rem;gap:.6rem}}@media (max-width: 360px){.home-main{padding:.5rem .5rem 3rem}.home-title h1{font-size:1.15rem}.kpi-value{font-size:1.1rem}.fin-value{font-size:1rem}.chart-area{height:180px}.gauge{--size: 48px}.notif-settings-overlay{padding:.35rem}.notif-settings-panel{border-radius:.5rem}.notif-settings-header{padding:.6rem .7rem}.notif-settings-header h3{font-size:.9rem}.notif-settings-body{padding:.6rem .7rem .75rem}.notif-toggle-row{padding:.45rem;flex-direction:column;align-items:flex-start;gap:.5rem}.notif-toggle-btn{align-self:flex-end}.notif-type-row{padding:.4rem .45rem}}.team-container{display:flex}.team-content{flex:1;padding:2rem;background-color:var(--bg-light);min-height:100vh}.team-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem}.logout-btn{padding:.5rem 1rem;border:none;border-radius:.5rem;background:var(--color-error);color:#fff;font-family:var(--font-sans);cursor:pointer;transition:background-color .2s,transform .1s}.logout-btn:active{transform:scale(.95)}.team-section{margin-bottom:3rem}.section-title{font-size:1.25rem;color:var(--heading-color);margin-bottom:1rem;position:relative}.section-title:after{content:"";position:absolute;bottom:-.25rem;left:0;width:50px;height:3px;background:var(--color-primary);border-radius:2px}.section-title-wrap{display:flex;align-items:center;gap:.5rem}.tiny-spinner{width:14px;height:14px;border-radius:50%;border:2px solid var(--color-grey-300);border-top-color:var(--color-primary);animation:spin .8s linear infinite}.role-display{display:inline-flex;align-items:center;gap:.5rem}.role-badge{display:inline-block;padding:.2rem .6rem;border-radius:999px;font-size:.85rem;text-transform:capitalize;background:var(--bg-muted);color:var(--heading-color)}.role-badge.admin{background:var(--color-secondary);color:#fff}.role-badge.user{background:var(--color-grey-300);color:var(--color-grey-900)}.role-badge.scanner{background:var(--color-primary);color:#fff}.role-editor{display:inline-flex;align-items:center;gap:.5rem}.role-select{appearance:none;background:#fff;border:1px solid var(--color-grey-300);padding:.4rem 2rem .4rem .6rem;border-radius:.4rem;font:inherit;line-height:1.2;position:relative;box-shadow:0 1px 2px #0000000a;transition:border-color .15s,box-shadow .15s}.role-select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-primary) 25%,transparent)}.link-btn{background:transparent;border:none;color:var(--color-secondary);text-decoration:underline;cursor:pointer;padding:0;font:inherit}.btn.primary:hover{background:var(--color-primary-dark)}.btn.ghost{background:transparent;border:1px solid var(--color-grey-300)}.btn.warn{background:var(--color-warning);color:#212529}.btn.warn:hover{filter:brightness(.95)}.user-row.highlight{animation:highlightFlash 1.2s ease-out}@keyframes highlightFlash{0%{background:#fff9c4}to{background:transparent}}.modal-overlay{position:fixed;inset:0;background:#0003;display:flex;align-items:center;justify-content:center;animation:fadeIn .12s ease-out;z-index:1000}.modal{background:#fff;border-radius:.75rem;padding:1.25rem 1.25rem 1rem;width:min(420px,90vw);box-shadow:0 8px 24px #0000001f}.modal h3{margin-bottom:.5rem;color:var(--heading-color)}.modal p{margin-bottom:1rem}.modal-actions{display:flex;justify-content:flex-end;gap:.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.user-email{color:var(--color-grey-600);font-size:.9rem;margin-left:.75rem}.list{list-style:none;padding:0;margin:0}.list-item{display:flex;justify-content:space-between;align-items:center;background:#fff;padding:.75rem 1rem;border-radius:.5rem;margin-bottom:.75rem;box-shadow:0 2px 6px #0000000a;transition:transform .2s}.list-item:hover{transform:translateY(-2px)}.user-name{font-weight:500;color:var(--body-color)}.actions .btn{margin-left:.5rem}.user-table{width:100%;border-collapse:collapse}.user-table th,.user-table td{padding:.75rem 1rem;text-align:left}.user-table thead{background:var(--bg-muted)}.user-row{background:#fff;transition:background-color .2s}.user-row:nth-child(2n){background:var(--bg-default)}.user-row:hover{background:var(--bg-muted)}.btn{padding:.3rem .8rem;border:none;border-radius:.4rem;font-family:var(--font-sans);cursor:pointer;transition:background-color .2s,transform .1s}.approve-btn{background:var(--color-success);color:#fff}.approve-btn:hover{background:#28a745cc}.deny-btn{background:var(--color-error);color:#fff}.deny-btn:hover{background:#dc3545cc}.delete-btn{background:var(--color-error);color:#fff}.delete-btn:hover{background:#dc3545cc}.btn:active{transform:scale(.95)}.empty-state{color:var(--color-grey-600);font-style:italic}.insights-panel{display:flex;flex-wrap:wrap;gap:1.25rem;margin-bottom:2.5rem}.insight-card{background:#fff;flex:1 1 180px;padding:1rem 1.25rem;border-radius:.75rem;box-shadow:0 2px 6px #0000000a;border-left:5px solid var(--color-primary);transition:transform .2s ease,box-shadow .2s ease}.insight-card:hover{transform:translateY(-2px);box-shadow:0 4px 10px #00000014}.insight-card h3{font-size:1rem;color:var(--heading-color);margin-bottom:.5rem}.insight-card p{font-size:1.5rem;font-weight:700;color:var(--color-secondary-dark);font-family:var(--font-sans)}@media (max-width: 900px){.team-content{padding:1.5rem}.team-header{flex-wrap:wrap;gap:.75rem}.insights-panel{gap:1rem}.insight-card{flex:1 1 140px;padding:.85rem 1rem}.insight-card h3{font-size:.9rem}.insight-card p{font-size:1.3rem}.user-table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}.user-table th,.user-table td{padding:.6rem .75rem;font-size:.9rem}.role-editor{flex-wrap:wrap;gap:.4rem}}@media (max-width: 700px){.team-content{padding:1rem 1rem 4rem}.team-header{flex-direction:column;align-items:flex-start;gap:.5rem;margin-bottom:1.5rem}.team-header h1{font-size:1.5rem}.insights-panel{gap:.75rem;margin-bottom:2rem}.insight-card{flex:1 1 120px;padding:.75rem .85rem;border-left-width:4px}.insight-card h3{font-size:.8rem;margin-bottom:.35rem}.insight-card p{font-size:1.15rem}.team-section{margin-bottom:2rem}.section-title{font-size:1.1rem}.section-title:after{width:40px;height:2px}.list-item{flex-direction:column;align-items:flex-start;gap:.6rem;padding:.7rem .85rem}.list-item .user-name{font-size:.9rem}.list-item .actions{width:100%;display:flex;gap:.4rem}.list-item .actions .btn{flex:1;margin-left:0;text-align:center}.user-table th,.user-table td{padding:.5rem;font-size:.85rem}.user-table th:last-child,.user-table td:last-child{width:auto}.role-badge{font-size:.75rem;padding:.15rem .5rem}.role-editor{flex-wrap:wrap;gap:.35rem}.role-select{padding:.35rem 1.5rem .35rem .5rem;font-size:.85rem}.role-editor .btn{padding:.25rem .5rem;font-size:.8rem}.link-btn{font-size:.85rem}.btn{padding:.3rem .6rem;font-size:.85rem}.logout-btn{padding:.4rem .75rem;font-size:.85rem}.modal{padding:1rem}.modal h3{font-size:1.1rem}.modal p{font-size:.9rem}}@media (max-width: 480px){.team-content{padding:.75rem .75rem 3.5rem}.team-header h1{font-size:1.3rem}.insights-panel{gap:.6rem;margin-bottom:1.5rem}.insight-card{flex:1 1 calc(50% - .6rem);min-width:calc(50% - .6rem);padding:.65rem .75rem}.insight-card h3{font-size:.75rem}.insight-card p{font-size:1rem}.team-section{margin-bottom:1.5rem}.section-title{font-size:1rem;margin-bottom:.75rem}.list-item{padding:.6rem .7rem;margin-bottom:.5rem;border-radius:.4rem}.list-item .user-name{font-size:.85rem;word-break:break-word}.list-item .actions .btn{padding:.35rem .5rem;font-size:.8rem}.user-table{border:0}.user-table thead{display:none}.user-table tbody{display:flex;flex-direction:column;gap:.6rem}.user-row{display:flex;flex-direction:column;padding:.7rem;border-radius:.5rem;box-shadow:0 1px 4px #0000000f;border:1px solid var(--color-grey-200);gap:.4rem}.user-row:nth-child(2n){background:#fff}.user-table td{padding:0;display:flex;justify-content:space-between;align-items:flex-start;gap:.5rem}.user-table td:before{content:attr(data-label);font-weight:600;font-size:.75rem;color:var(--color-grey-600);min-width:70px}.role-display{flex-direction:column;align-items:flex-start;gap:.3rem}.role-editor{width:100%}.role-select{flex:1;width:100%}.role-editor .btn{flex:1}.user-table td:last-child{margin-top:.3rem}.delete-btn{width:100%;padding:.4rem}.modal-overlay{padding:.5rem}.modal{padding:.85rem;border-radius:.6rem}.modal h3{font-size:1rem;margin-bottom:.4rem}.modal p{font-size:.85rem;margin-bottom:.75rem}.modal-actions{gap:.4rem}.modal-actions .btn{padding:.4rem .6rem;font-size:.8rem}.logout-btn{padding:.35rem .6rem;font-size:.8rem}.empty-state{font-size:.9rem}}@media (max-width: 360px){.team-content{padding:.5rem .5rem 3rem}.team-header h1{font-size:1.15rem}.insight-card{padding:.5rem .6rem}.insight-card h3{font-size:.7rem}.insight-card p{font-size:.9rem}.list-item .user-name{font-size:.8rem}.btn{padding:.25rem .45rem;font-size:.75rem}}.scanner-page{display:flex;align-items:flex-start}.scanner-main{flex:1;min-height:100vh;padding:1.25rem 1.25rem 5.5rem;background:var(--bg-light)}.scanner-topbar{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:1rem}.scanner-title h1{color:var(--heading-color);line-height:1.1}.scanner-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;margin-bottom:1rem}.stat-card{background:#fff;border-radius:.6rem;padding:.8rem 1rem;box-shadow:0 1px 6px #0000000d}.stat-label{font-size:.85rem;color:var(--color-grey-600)}.stat-value{font-weight:700}.action-toggle{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;margin-bottom:1rem}.toggle-btn{border:1px solid var(--color-grey-300);background:#fff;padding:.6rem;border-radius:.5rem;font-weight:700;cursor:pointer;font-family:inherit}.toggle-btn.active{border-color:var(--color-primary);background:var(--color-primary-light);color:var(--color-primary-dark)}.scan-card{background:#fff;border-radius:.75rem;box-shadow:0 2px 10px #0000000f;padding:1rem;margin-bottom:1rem}.scan-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.section-title{font-size:1.1rem;color:var(--heading-color);position:relative}.section-title:after{content:"";position:absolute;bottom:-.25rem;left:0;width:44px;height:3px;background:var(--color-primary);border-radius:2px}.scan-controls{display:flex;gap:.5rem}.pending-pair{display:inline-flex;align-items:center;gap:.5rem;margin-top:.5rem;padding:.4rem .6rem;border:1px solid var(--color-grey-200, #eee);border-radius:.5rem;background:var(--bg-muted, #f6f7f9)}.pending-pair .ppill{display:inline-flex;align-items:center;gap:.35rem;padding:.2rem .5rem;border-radius:.4rem;background:#fff;border:1px solid var(--color-grey-200, #eee);font-weight:700}.pending-pair .ppill .lbl{color:var(--color-grey-700);font-size:.8rem}.pending-pair .ppill .val{color:var(--heading-color)}.camera-box{border-radius:.6rem;overflow:hidden;border:1px solid var(--color-grey-300);background:#000}.camera-inner{position:relative;width:100%;aspect-ratio:16 / 9;background:#000}.camera-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.scan-frame{position:absolute;inset:12%;border:2px dashed var(--color-primary);border-radius:.5rem;pointer-events:none}.camera-hint{text-align:center;font-size:.9rem;padding:.35rem 0 .2rem;color:var(--color-grey-600);background:#fff}.target-badge{position:absolute;top:.5rem;right:.5rem;background:#ffffffe6;border:1px solid var(--color-grey-300);border-radius:.5rem;padding:.2rem .45rem;font-size:.75rem;font-weight:700;color:var(--color-grey-800);pointer-events:none;z-index:2}.target-badge.serial{border-color:var(--color-accent)}.target-badge.product{border-color:var(--color-primary)}.scan-status{position:absolute;left:50%;bottom:.6rem;transform:translate(-50%);padding:.25rem .6rem;border-radius:.5rem;font-size:.8rem;font-weight:700;background:#fffffff2;border:1px solid var(--color-grey-300);color:var(--color-grey-800);z-index:2;animation:statusPop .18s ease-out}.scan-status.ok{border-color:var(--color-success)}.scan-status.warn{border-color:var(--color-warning)}.scan-pause-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;background:#00000059;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);color:#fff;font-weight:700;border:0;cursor:pointer;z-index:3}.scan-pause-overlay .dot{font-size:1.2rem;line-height:1;animation:pulseDot 1.2s ease-in-out infinite;opacity:.9}.manual-fields{display:grid;gap:.75rem}.field-row{display:grid;gap:.25rem}.field-row.full{grid-column:1 / -1}.field-row label{font-weight:600;color:var(--heading-color)}.field-row .req{color:var(--color-error);margin-left:.25rem;font-weight:700}.field-row input,.field-row textarea,.field-row select{width:100%;padding:.55rem .65rem;border:1px solid var(--color-grey-300);border-radius:8px;background:var(--bg-light);font:inherit}.field-row input:focus-visible,.field-row textarea:focus-visible,.field-row select:focus-visible{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #0000,0 0 0 3px color-mix(in srgb,var(--color-primary) 25%,transparent)}.glow-once{animation:inputGlow .65s ease-out 1;outline:none}.details-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin:1rem 0 1.25rem}.value-row{display:grid;grid-template-columns:1fr 110px;gap:.5rem}.preview-card{background:#fff;border-radius:.75rem;box-shadow:0 2px 10px #0000000f;padding:1rem;margin-bottom:1rem}.preview-card h3{margin-bottom:.5rem;color:var(--heading-color)}.preview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.35rem .75rem;margin-bottom:.75rem}.preview-card .muted.warn{color:var(--color-error)}.recent-list{margin-top:.5rem}.recent-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.5rem}.pagination-bar{display:flex;align-items:center;gap:.6rem}.page-size select{border:1px solid var(--color-grey-300);background:#fff;border-radius:.5rem;padding:.35rem .55rem;font:inherit}.pager{display:inline-flex;align-items:center;gap:.4rem}.pager-btn{border:1px solid var(--color-grey-300);background:#fff;border-radius:.5rem;padding:.3rem .55rem;font-weight:800;line-height:1;cursor:pointer;transition:transform .06s ease,box-shadow .12s ease}.pager-btn:hover{transform:translateY(-1px);box-shadow:0 2px 6px #0000000f}.pager-btn:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.recent-viewport{position:relative;min-height:48px}.recent-loading{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;color:var(--color-grey-700)}.recent-list h3{margin-bottom:.5rem;color:var(--heading-color)}.recent-list ul{list-style:none;padding:0;margin:0}.recent-item{display:flex;gap:.6rem;align-items:center;background:#fff;border-radius:.6rem;padding:.6rem .75rem;box-shadow:0 1px 6px #0000000d;margin-bottom:.5rem}.recent-meta .line{display:flex;gap:.5rem}.btn.primary:hover{filter:brightness(.95)}.submit-btn{width:100%;font-weight:800}.logout-btn{padding:.45rem .9rem;border:none;border-radius:.5rem;background:var(--color-error);color:#fff;font-family:var(--font-sans);cursor:pointer;transition:background-color .2s}.logout-btn:hover{background:var(--color-error-dark, #b02a37)}.field-hint{font-size:.8rem;color:var(--color-grey-600);margin-top:.15rem}.field-hint.error{color:var(--color-error)}.field-hint.warn{color:var(--color-warning)}.target-toggle{display:inline-flex;background:var(--bg-muted);border-radius:999px;padding:.2rem;margin-right:.5rem}.target-toggle .pill{border:0;background:transparent;padding:.35rem .6rem;border-radius:999px;font-weight:700;font-size:.85rem;color:var(--color-grey-700);cursor:pointer}.target-toggle .pill.active{background:#fff;color:var(--color-primary-dark);box-shadow:0 1px 4px #00000014}.modal-header h3{margin:0;color:var(--heading-color)}.modal-body{padding:.9rem 1rem .25rem;max-height:60vh;overflow:auto}.confirm-row{display:grid;grid-template-columns:180px 1fr;gap:.5rem;padding:.35rem 0;border-bottom:1px dashed var(--color-grey-200, #eee)}.confirm-row:last-child{border-bottom:0}.confirm-row .label{color:var(--color-grey-600);font-weight:700}.confirm-row .value{color:var(--heading-color);word-break:break-word}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,1px,1px);white-space:nowrap;border:0}@keyframes inputGlow{0%{box-shadow:0 0 #388e3c00;border-color:var(--color-grey-300)}40%{box-shadow:0 0 0 4px #388e3c40;border-color:var(--color-success)}to{box-shadow:0 0 #388e3c00;border-color:var(--color-grey-300)}}@keyframes pulseDot{0%{transform:scale(1);opacity:.9}50%{transform:scale(1.25);opacity:.6}to{transform:scale(1);opacity:.9}}@keyframes statusPop{0%{transform:translate(-50%) scale(.96);opacity:0}to{transform:translate(-50%) scale(1);opacity:1}}.batch-panel{background:#fff;border-radius:.75rem;box-shadow:0 2px 10px #0000000f;padding:1rem;margin:1rem 0}.batch-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.75rem}.badge-row{display:flex;align-items:center;gap:.35rem;flex-wrap:wrap}.chip{display:inline-flex;align-items:center;gap:.25rem;background:var(--bg-muted, #f6f7f9);border:1px solid var(--color-grey-200, #e7e7e7);border-radius:999px;padding:.2rem .55rem;font-size:.8rem;font-weight:700;color:var(--color-grey-800)}.chip.warn{background:#fff7f6;border-color:var(--color-error);color:var(--color-error)}.batch-actions{display:inline-flex;gap:.5rem}.batch-defaults-card{border:1px solid var(--color-grey-200, #eee);border-radius:.6rem;padding:.75rem;margin-bottom:.9rem;background:#fff}.batch-defaults-card .card-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:.5rem}.batch-defaults-card h3{margin:0;color:var(--heading-color)}.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.group-card{border:1px solid var(--color-grey-200, #eee);border-radius:.6rem;background:#fff;margin-bottom:.65rem;overflow:hidden}.group-card.warn{border-color:var(--color-warning)}.group-head{display:flex;align-items:center;justify-content:space-between;padding:.55rem .7rem;background:var(--bg-muted, #f6f7f9)}.group-title{display:inline-flex;align-items:center;gap:.4rem}.collapse-btn{border:0;background:transparent;font-weight:900;padding:.1rem .25rem;cursor:pointer}.badge.product{background:var(--color-primary-light, #eef5ff);color:var(--color-primary-dark, #2157c9);border-radius:.4rem;padding:.1rem .45rem;font-weight:800;border:1px solid color-mix(in srgb,var(--color-primary) 22%,#fff)}.group-actions{display:inline-flex;gap:.4rem}.group-body{padding:.6rem .7rem .75rem}.group-override-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;margin-bottom:.6rem}.item-list{list-style:none;padding:0;margin:0;display:grid;gap:.4rem}.item-row{display:grid;grid-template-columns:1fr;gap:.4rem;border:1px dashed var(--color-grey-300);border-radius:.5rem;padding:.5rem .6rem .6rem;background:#fff}.item-header{display:flex;align-items:center;justify-content:space-between}.item-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem .6rem}.item-serial{font-weight:800;color:var(--heading-color)}.remove-mini{border:0;background:transparent;font-size:1rem;line-height:1;cursor:pointer;color:var(--color-grey-700)}.remove-mini:hover{color:var(--color-error)}.manual-add-inline{display:grid;grid-template-columns:1fr 1fr auto;gap:.5rem;margin:.6rem 0 .8rem;padding:.6rem;background:#fff;border:1px solid var(--color-grey-200, #eee);border-radius:.6rem;box-shadow:0 1px 6px #0000000a}.manual-add-inline input{width:100%;padding:.55rem .65rem;border:1px solid var(--color-grey-300);border-radius:8px;background:var(--bg-light);font:inherit}.item-row.item-has-editor{display:grid;gap:.5rem;border:1px dashed var(--color-grey-300);border-radius:.5rem;padding:.55rem .6rem .65rem;background:#fff}.item-row-top{display:flex;align-items:center;justify-content:space-between}.item-editor-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem}.select-all{display:inline-flex;align-items:center;gap:.35rem;margin-left:.5rem;font-weight:700;color:var(--color-grey-700)}.select-all input{transform:translateY(1px)}.item-select{display:inline-flex;align-items:center;gap:.45rem;font-weight:800;color:var(--heading-color)}.modal.modal-wide{max-width:760px}.modal-title-row{display:flex;align-items:center;gap:.5rem;justify-content:space-between}.modal-title{margin:0;color:var(--heading-color)}.modal-toolbar{margin-top:.6rem;display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.input-with-icon{position:relative;flex:1 1 280px}.toolbar-input{width:100%;padding:.55rem .9rem .55rem .65rem;border:1px solid var(--color-grey-300);border-radius:8px;background:var(--bg-light);font:inherit}.clear-input{position:absolute;right:.35rem;top:50%;transform:translateY(-50%);border:0;background:transparent;cursor:pointer;color:var(--color-grey-600);font-size:1rem;padding:.15rem}.toolbar-actions{display:inline-flex;align-items:center;gap:.5rem;flex-wrap:wrap}.table-list{border:1px solid var(--color-grey-200, #eee);border-radius:.6rem;overflow:hidden;background:#fff}.table-row{display:grid;grid-template-columns:46px 1fr 220px;align-items:center;gap:.4rem;padding:.5rem .6rem;border-bottom:1px dashed var(--color-grey-200, #eee)}.table-row.head{background:var(--bg-muted, #f6f7f9);border-bottom:1px solid var(--color-grey-200, #eee);font-weight:800;color:var(--heading-color)}.table-body{max-height:48vh;overflow:auto}.table-row.item{cursor:pointer}.table-row.item:hover{background:#fafbfc}.table-row.item.is-selected{background:#f0f6ff}.col-checkbox{display:flex;align-items:center;justify-content:center}.col-serial{font-weight:800;color:var(--heading-color)}.col-location{color:var(--color-grey-800)}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace}.pill{display:inline-flex;align-items:center;border:1px solid var(--color-grey-300);background:#fff;border-radius:999px;padding:.1rem .5rem;font-weight:700;font-size:.8rem;color:var(--color-grey-800)}.selector-empty{display:grid;place-items:center;gap:.35rem;padding:1.2rem .5rem;color:var(--color-grey-700);text-align:center}.selector-empty .emoji{font-size:1.6rem}.selector-empty .title{font-weight:800;color:var(--heading-color)}.selector-empty .hint{color:var(--color-grey-600)}@media (max-width: 900px){.details-grid,.preview-grid{grid-template-columns:1fr}.scanner-stats{grid-template-columns:1fr 1fr}.grid-2,.group-override-grid,.item-fields,.item-editor-grid{grid-template-columns:1fr}}@media (max-width: 768px){.scanner-topbar{align-items:center}.scanner-title h1{font-size:1.4rem}.action-toggle{grid-template-columns:repeat(2,1fr)}.toggle-btn{padding:.55rem}.scan-head{gap:.5rem}.scan-controls{flex-wrap:wrap}.target-toggle{margin-right:0}.details-grid,.preview-grid{grid-template-columns:1fr}.value-row{grid-template-columns:1fr 96px}}@media (max-width: 720px){.manual-add-inline{grid-template-columns:1fr}}@media (max-width: 640px){.scanner-main{padding:1rem 1rem 6rem}.scanner-stats{grid-template-columns:1fr}.scan-controls{gap:.35rem}.value-row{grid-template-columns:1fr 100px}}@media (max-width: 560px){.group-head{flex-direction:column;align-items:flex-start;gap:.4rem}.group-actions,.group-actions .btn{width:100%}.group-override-grid,.item-fields,.item-editor-grid,.manual-add-inline{grid-template-columns:1fr}}@media (max-width: 520px){.confirm-row{grid-template-columns:1fr;gap:.15rem;padding:.4rem 0}}@media (max-width: 480px){.scanner-main{padding:.9rem .9rem 6.5rem}.scanner-topbar{flex-direction:column;align-items:flex-start;gap:.35rem}.logout-btn{width:100%}.scanner-stats{grid-template-columns:1fr;gap:.6rem}.stat-card{padding:.7rem .85rem}.action-toggle{display:grid;grid-template-columns:1fr 1fr;gap:.4rem}.scan-head{flex-direction:column;align-items:stretch;gap:.6rem}.section-title{font-size:1rem}.scan-controls{width:100%}.scan-controls .btn{flex:1 1 auto}.target-toggle{width:100%;justify-content:space-between}.target-toggle .pill{padding:.45rem .65rem;font-size:.85rem}.camera-inner{aspect-ratio:4 / 3}.scan-frame{inset:9%}.manual-fields{gap:.6rem}.field-row input,.field-row select,.field-row textarea{padding:.5rem .6rem}.preview-card{padding:.85rem}.submit-btn{padding:.65rem .8rem}.recent-item{padding:.55rem .65rem}.pager{gap:.3rem}.pager-btn{padding:.35rem .5rem}}@media (max-width: 380px){.section-title{font-size:.95rem}.toggle-btn{padding:.5rem;font-size:.9rem}.pending-pair{flex-wrap:wrap;gap:.35rem}.pending-pair .ppill{padding:.15rem .45rem}.scan-controls{gap:.4rem}.scan-controls .btn{min-width:0}.value-row{grid-template-columns:1fr 88px}.batch-head{align-items:stretch}.batch-actions{flex-wrap:wrap;width:100%;gap:.4rem}.batch-actions .btn.primary{flex:1 1 100%}}@supports (padding: max(0px)){.scanner-main{padding-bottom:max(6rem,calc(5.5rem + env(safe-area-inset-bottom)))}}@media (max-height: 640px) and (orientation: landscape){.camera-inner{aspect-ratio:16 / 9}.scan-frame{inset:8%}.scan-controls{flex-wrap:wrap}.scanner-main{padding-bottom:max(5rem,env(safe-area-inset-bottom))}}@media (prefers-reduced-motion: reduce){.glow-once,.scan-status,.spinner{animation:none!important}}@media (min-resolution: 2dppx){.scan-frame{border-width:1.5px}}.inventory-page{display:flex;align-items:flex-start}.inventory-main{flex:1;min-height:100vh;padding:1.25rem 1.25rem 5.5rem;background:var(--bg-light)}.inventory-topbar{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:1rem}.inventory-title h1{color:var(--heading-color);line-height:1.1}.inv-controls{display:flex;flex-wrap:wrap;gap:.6rem;justify-content:space-between;align-items:center;margin-bottom:.75rem}.mode-toggle{display:inline-flex;background:var(--bg-muted);border-radius:999px;padding:.2rem}.mode-toggle .pill{border:0;background:transparent;padding:.35rem .6rem;border-radius:999px;font-weight:700;font-size:.85rem;color:var(--color-grey-700);cursor:pointer;font-family:Urbanist}.mode-toggle .pill.active{background:#fff;color:var(--color-primary-dark);box-shadow:0 1px 4px #00000014}.filters{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.search-box input,.filters select{border:1px solid var(--color-grey-300);background:#fff;border-radius:.5rem;padding:.5rem .65rem;font:inherit}.pager{display:inline-flex;align-items:center;gap:.35rem;margin-left:.25rem}.pager-btn{border:1px solid var(--color-grey-300);background:#fff;border-radius:.5rem;padding:.3rem .55rem;font-weight:800;cursor:pointer}.pager-btn:disabled{opacity:.5;cursor:not-allowed}.page-indicator{font-weight:700;color:var(--heading-color)}.inv-results{position:relative}.parts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:.65rem}.part-card{background:#fff;border:1px solid var(--color-grey-300);border-radius:.65rem;padding:.7rem;box-shadow:0 1px 6px #0000000d;display:flex;flex-direction:column;gap:.5rem}.part-head{display:flex;justify-content:space-between;align-items:center;gap:.5rem}.part-head .serial{font-weight:800;color:var(--heading-color)}.part-meta{display:grid;gap:.25rem;font-size:.95rem}.part-value{margin-top:.25rem;font-weight:800}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:.75rem}.product-card{background:#fff;border:1px solid var(--color-grey-300);border-radius:.65rem;padding:.75rem;cursor:pointer;box-shadow:0 1px 6px #0000000d}.product-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:.4rem}.count-pill{background:var(--color-primary-light);color:var(--color-primary-dark);font-weight:800;padding:.1rem .45rem;border-radius:999px}.product-meta{display:grid;gap:.2rem;font-size:.95rem}.product-drawer{overflow:hidden;margin-top:.5rem;border-top:1px dashed var(--color-grey-300);padding-top:.5rem}.product-preview-list{list-style:none;padding:0;margin:0;display:grid;gap:.35rem}.product-preview-list li{display:grid;grid-template-columns:auto 1fr auto auto;gap:.5rem;align-items:center}.product-preview-list .serial,.product-preview-list .val{font-weight:700}.list-loading,.product-preview-loading{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;color:var(--color-grey-700)}.spinner{width:18px;height:18px;border-radius:50%;border:2px solid var(--color-grey-300);border-top-color:var(--color-primary);animation:spin .8s linear infinite}.empty,.product-preview-empty{padding:.9rem 1rem;color:var(--color-grey-700);background:#fff;border:1px dashed var(--color-grey-300);border-radius:.6rem}.part-card{position:relative}.part-card .part-head.interactive{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.25rem .4rem;margin:-.25rem -.4rem 0;border-radius:.5rem;border:0;background:transparent;cursor:pointer;text-align:left}.part-card .part-head.interactive .chev{font-weight:900;color:var(--color-grey-700)}.part-card.expanded{grid-column:1 / -1;border-color:color-mix(in srgb,var(--color-primary) 28%,var(--color-grey-300));box-shadow:0 2px 12px #00000012}.part-details{overflow:hidden;margin-top:.5rem;border-top:1px dashed var(--color-grey-300);padding-top:.6rem}.detail-chips{display:flex;flex-wrap:wrap;gap:.35rem;margin-bottom:.55rem}.meta-chip{display:inline-flex;align-items:center;gap:.35rem;background:var(--bg-muted, #f6f7f9);border:1px solid var(--color-grey-200, #e7e7e7);border-radius:999px;padding:.2rem .55rem;font-size:.82rem;font-weight:700;color:var(--color-grey-800)}.detail-rail{overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:.25rem}.part-detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:.75rem;min-width:660px}.detail-card{border:1px solid var(--color-grey-200, #eee);border-radius:.6rem;background:#fff;padding:.65rem .7rem}.detail-card .detail-head{display:flex;align-items:center;gap:.4rem;margin-bottom:.45rem}.detail-card .detail-head strong{color:var(--heading-color)}.kv-grid{display:grid;grid-template-columns:140px 1fr;gap:.3rem .55rem}.part-card-footer{display:flex;justify-content:space-between;align-items:center;margin-top:.25rem}.part-card-footer .part-value{margin-top:0}.delete-part-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid var(--color-grey-300);border-radius:.5rem;background:#fff;color:var(--color-grey-600);cursor:pointer;transition:all .15s ease}.delete-part-btn:hover{background:var(--color-error);border-color:var(--color-error);color:#fff}.delete-part-btn:active{transform:scale(.95)}.delete-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.delete-modal{background:#fff;border-radius:.75rem;box-shadow:0 8px 32px #0003;max-width:420px;width:100%;overflow:hidden}.delete-modal-header{display:flex;align-items:center;gap:.6rem;padding:1rem 1.25rem;border-bottom:1px solid var(--color-grey-200);background:var(--bg-muted, #f8f9fa)}.delete-modal-header h3{margin:0;font-size:1.1rem;color:var(--heading-color)}.delete-modal-icon{color:var(--color-error)}.delete-modal-body{padding:1.25rem}.delete-modal-body>p{margin:0 0 1rem;color:var(--color-grey-700);line-height:1.5}.delete-modal-summary{background:var(--bg-muted, #f8f9fa);border:1px solid var(--color-grey-200);border-radius:.5rem;padding:.75rem 1rem;display:flex;flex-direction:column;gap:.5rem}.summary-row{display:flex;justify-content:space-between;align-items:center;gap:1rem}.summary-label{color:var(--color-grey-600);font-weight:600;font-size:.9rem}.summary-value{color:var(--heading-color);font-weight:700;font-size:.9rem;text-align:right;word-break:break-all}.delete-modal-actions{display:flex;justify-content:flex-end;gap:.6rem;padding:1rem 1.25rem;border-top:1px solid var(--color-grey-200);background:var(--bg-muted, #f8f9fa)}.delete-modal-actions button{padding:.55rem 1.1rem;border-radius:.5rem;font-weight:700;font-size:.9rem;cursor:pointer;transition:all .15s ease;display:inline-flex;align-items:center;gap:.4rem}.btn-cancel{background:#fff;border:1px solid var(--color-grey-300);color:var(--color-grey-700)}.btn-cancel:hover:not(:disabled){background:var(--color-grey-100)}.btn-delete{background:var(--color-error);border:1px solid var(--color-error);color:#fff}.btn-delete:hover:not(:disabled){background:color-mix(in srgb,var(--color-error) 85%,#000)}.btn-delete:disabled,.btn-cancel:disabled{opacity:.6;cursor:not-allowed}.spinner.small{width:14px;height:14px;border-width:2px}.part-card-actions{display:flex;gap:.35rem}.edit-part-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid var(--color-grey-300);border-radius:.5rem;background:#fff;color:var(--color-grey-600);cursor:pointer;transition:all .15s ease}.edit-part-btn:hover{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.edit-part-btn:active{transform:scale(.95)}.edit-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.edit-modal{background:#fff;border-radius:.75rem;box-shadow:0 8px 32px #0003;max-width:560px;width:100%;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.edit-modal-header{display:flex;align-items:center;gap:.6rem;padding:1rem 1.25rem;border-bottom:1px solid var(--color-grey-200);background:var(--bg-muted, #f8f9fa)}.edit-modal-header h3{margin:0;font-size:1.1rem;color:var(--heading-color)}.edit-modal-icon{color:var(--color-primary)}.edit-serial-badge{margin-left:auto;background:var(--color-primary-light);color:var(--color-primary-dark);font-weight:700;font-size:.85rem;padding:.2rem .6rem;border-radius:999px}.edit-modal-body{padding:1.25rem;overflow-y:auto;flex:1}.edit-form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.85rem}.edit-field{display:flex;flex-direction:column;gap:.3rem}.edit-field.full-width{grid-column:1 / -1}.edit-field label{font-weight:600;font-size:.85rem;color:var(--color-grey-700)}.edit-field input,.edit-field select,.edit-field textarea{border:1px solid var(--color-grey-300);background:#fff;border-radius:.5rem;padding:.55rem .65rem;font:inherit;font-size:.95rem;transition:border-color .15s ease,box-shadow .15s ease}.edit-field input:focus,.edit-field select:focus,.edit-field textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb, 59, 130, 246),.15)}.edit-field textarea{resize:vertical;min-height:70px}.edit-modal-actions{display:flex;justify-content:flex-end;gap:.6rem;padding:1rem 1.25rem;border-top:1px solid var(--color-grey-200);background:var(--bg-muted, #f8f9fa)}.edit-modal-actions button{padding:.55rem 1.1rem;border-radius:.5rem;font-weight:700;font-size:.9rem;cursor:pointer;transition:all .15s ease;display:inline-flex;align-items:center;gap:.4rem}.btn-confirm{background:var(--color-primary);border:1px solid var(--color-primary);color:#fff}.btn-confirm:hover:not(:disabled){background:color-mix(in srgb,var(--color-primary) 85%,#000)}.btn-confirm:disabled{opacity:.6;cursor:not-allowed}@media (min-width: 901px){.navigation-menu{position:sticky;top:0;height:100dvh;overflow:auto;flex:0 0 250px}}@media (max-width: 720px){.kv-grid{grid-template-columns:1fr}.part-detail-grid{min-width:0;grid-template-columns:1fr}}@media (max-width: 640px){.inv-controls{gap:.5rem}.filters{width:100%}.pager{margin-left:auto}}@media (max-width: 520px){.edit-form-grid{grid-template-columns:1fr}.edit-modal{max-width:100%;margin:.5rem}}.activity-page{display:flex;align-items:flex-start}.activity-main{flex:1;min-height:100vh;padding:1.25rem 1.25rem 5.5rem;background:var(--bg-light)}.activity-topbar{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:1rem}.activity-title h1{color:var(--heading-color);line-height:1.1}.act-controls{background:#fff;border:1px solid var(--color-grey-300);border-radius:.7rem;padding:.75rem;box-shadow:0 1px 6px #0000000d;margin-bottom:.9rem}.act-controls .seg{display:flex;align-items:center;justify-content:space-between;gap:.6rem;margin-bottom:.6rem}.tabs,.scope-toggle{display:inline-flex;background:var(--bg-muted);border-radius:999px;padding:.2rem}.pill{border:0;background:transparent;padding:.35rem .6rem;border-radius:999px;font-weight:700;font-size:.85rem;color:var(--color-grey-700);cursor:pointer}.pill.active{background:#fff;color:var(--color-primary-dark);box-shadow:0 1px 4px #00000014}.filters-row{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.search-box input{border:1px solid var(--color-grey-300);background:#fff;border-radius:.5rem;padding:.5rem .65rem;font:inherit;min-width:260px}.chip-row{display:inline-flex;align-items:center;gap:.4rem}.chip{display:inline-flex;align-items:center;gap:.25rem;background:#fff;border:1px solid var(--color-grey-300);border-radius:999px;padding:.25rem .6rem;font-weight:700;cursor:pointer}.chip.active{border-color:var(--color-primary);background:var(--color-primary-light);color:var(--color-primary-dark)}.mini-input{width:160px;border:1px solid var(--color-grey-300);border-radius:.5rem;padding:.45rem .6rem;font:inherit}.timeline-wrap{position:relative}.day-group{margin-bottom:.9rem}.day-sticky{position:sticky;top:0;background:var(--bg-light);z-index:1;display:flex;align-items:center;gap:.5rem;padding:.25rem 0}.day-sticky .day{font-weight:800;color:var(--heading-color)}.day-sticky .count{background:#fff;border:1px solid var(--color-grey-300);border-radius:999px;padding:.05rem .4rem;font-weight:700}.events-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:.6rem}.event-card{background:#fff;border:1px solid var(--color-grey-300);border-radius:.6rem;box-shadow:0 1px 6px #0000000d;overflow:hidden}.event-card.in{border-left:4px solid var(--color-success)}.event-card.out{border-left:4px solid var(--color-error)}.event-card.adjust{border-left:4px solid var(--color-warning)}.event-head{width:100%;display:grid;grid-template-columns:auto 1fr auto auto auto;gap:.5rem;align-items:center;padding:.55rem .6rem;background:#fff;border:0;cursor:pointer;text-align:left}.event-head .badge{justify-self:start}.event-head .mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-weight:700;color:var(--heading-color)}.event-head .time{color:var(--color-grey-700);font-weight:700}.event-head .chev{color:var(--color-grey-700);font-weight:900}.event-body{border-top:1px dashed var(--color-grey-300);padding:.55rem .6rem}.ag.expand{display:block;grid-template-columns:none}.ag.expand .kv-grid.flow{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.5rem;width:100%}.kv-pair{border:1px solid var(--color-grey-200);border-radius:.45rem;padding:.45rem .55rem;background:#fff;flex:1 1 240px;min-width:220px;max-width:100%;min-width:0}.kv-pair .kv-label{font-size:.8rem;color:var(--color-grey-600);font-weight:700;margin-bottom:.15rem}.kv-pair .kv-value{color:var(--heading-color);word-break:break-word}.quick-links{display:flex;gap:.4rem;margin-top:.4rem}.btn.tiny{padding:.3rem .5rem;border-radius:.45rem}.cards-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem;margin-bottom:.6rem}.mini-stat{background:#fff;border:1px solid var(--color-grey-300);border-radius:.6rem;padding:.6rem;box-shadow:0 1px 6px #0000000d}.mini-stat .mini-label{color:var(--color-grey-600);font-weight:700}.mini-stat .mini-value{font-size:1.4rem;font-weight:800}.mini-stat.in .mini-value{color:var(--color-success)}.mini-stat.out .mini-value{color:var(--color-error)}.mini-stat.adjust .mini-value{color:var(--color-warning)}.trend-card{background:#fff;border:1px solid var(--color-grey-300);border-radius:.6rem;padding:.7rem;box-shadow:0 1px 6px #0000000d;margin-bottom:.7rem}.trend-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:.5rem}.bars{display:flex;align-items:flex-end;gap:6px;min-height:120px}.bar-col{display:flex;flex-direction:column;align-items:center;gap:6px}.bar{width:12px;height:100px;display:flex;flex-direction:column;justify-content:flex-end;border:1px solid var(--color-grey-300);border-radius:3px;overflow:hidden;background:#fff}.seg{width:100%}.seg.in{background:color-mix(in srgb,var(--color-success) 85%,#fff)}.seg.out{background:color-mix(in srgb,var(--color-error) 85%,#fff)}.seg.adjust{background:color-mix(in srgb,var(--color-warning) 85%,#fff)}.bar-label{font-size:.7rem;color:var(--color-grey-700);font-weight:700}.legend{display:flex;align-items:center;gap:.6rem;margin-top:.35rem;color:var(--color-grey-700)}.legend .dot{width:10px;height:10px;border-radius:50%;display:inline-block}.legend .dot.in{background:var(--color-success)}.legend .dot.out{background:var(--color-error)}.legend .dot.adjust{background:var(--color-warning)}.cards-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem}.rank-card{background:#fff;border:1px solid var(--color-grey-300);border-radius:.6rem;padding:.6rem;box-shadow:0 1px 6px #0000000d}.rank-card .rank-head{margin-bottom:.4rem}.rank-card ul{list-style:none;padding:0;margin:0;display:grid;gap:.35rem}.rank-card li{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.5rem}.rank{font-weight:800;width:1.2rem;text-align:right}.key{font-weight:700}.count{font-weight:800}.modal-backdrop{position:fixed;inset:0;background:#14141473;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;padding:1.25rem;z-index:1000}.modal{width:100%;max-width:560px;background:#fff;border-radius:.75rem;box-shadow:0 12px 40px #0000002e;overflow:hidden;animation:modalIn .16s ease-out}.modal.md{max-width:760px}.modal-header{padding:.9rem 1rem .6rem;border-bottom:1px solid var(--color-grey-200, #eee)}.modal-body{padding:.9rem 1rem .25rem;max-height:65vh;overflow:auto}.modal-actions{display:flex;justify-content:flex-end;gap:.5rem;padding:.8rem 1rem 1rem;border-top:1px solid var(--color-grey-200, #eee)}.timeline-list{list-style:none;padding:0;margin:0;display:grid;gap:.4rem}.timeline-list .row{display:grid;grid-template-columns:auto auto 1fr auto auto;gap:.5rem;align-items:center;padding:.45rem .55rem;border:1px solid var(--color-grey-300);border-radius:.5rem;background:#fff}.timeline-list .row.in{border-left:4px solid var(--color-success)}.timeline-list .row.out{border-left:4px solid var(--color-error)}.timeline-list .row.adjust{border-left:4px solid var(--color-warning)}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.btn{padding:.5rem .8rem;border-radius:.5rem;border:none;font:inherit;cursor:pointer}.btn.ghost{background:transparent;border:1px dashed var(--color-grey-300)}.btn.outline{background:#fff;border:1px solid var(--color-grey-300)}.audit-grid-wrap{position:relative}.audit-grid{width:100%;border:1px solid var(--color-grey-300);border-radius:.6rem;background:#fff;box-shadow:0 1px 6px #0000000d;overflow-x:hidden}.ag{display:grid;grid-template-columns:34px 1.4fr .7fr 1.1fr 1.1fr .9fr 1.1fr .9fr .9fr .8fr 40px;align-items:center;gap:.4rem;padding:.45rem .55rem;border-bottom:1px solid var(--color-grey-200);min-width:0}.ag .col,.ag .mono{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ag.header{position:sticky;top:0;z-index:1;background:#fff;font-weight:800;color:var(--heading-color)}.ag.row{background:#fff}.ag.row:nth-child(2n){background:var(--bg-muted)}.ag.row.in{border-left:4px solid var(--color-success)}.ag.row.out{border-left:4px solid var(--color-error)}.ag.row.adjust{border-left:4px solid var(--color-warning)}.ag .col.right{text-align:right}.ag .col.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-weight:700;color:var(--heading-color)}.ag .sel{display:flex;align-items:center;justify-content:center}.ag .exp{display:flex;align-items:center;justify-content:flex-end}.exp-btn{border:0;background:transparent;cursor:pointer;font-weight:900;color:var(--color-grey-700)}.ag.expand{grid-column:1 / -1;padding:.55rem .9rem;background:#fff;border-top:1px dashed var(--color-grey-300)}.audit-footer{display:flex;justify-content:center;padding:.6rem}.badge{padding:.15rem .5rem;border-radius:999px;font-size:.75rem;font-weight:700;text-transform:uppercase}.badge.in{background:var(--color-success);color:#fff}.badge.out{background:var(--color-error);color:#fff}.badge.adjust{background:var(--color-warning);color:#212529}.kv-grid.compact{display:grid;grid-template-columns:160px 1fr;gap:.35rem .6rem}.kv{display:contents}.kv-label{color:var(--color-grey-600);font-weight:700}.kv-value{color:var(--heading-color);word-break:break-word}.audit-inspector{position:sticky;bottom:1rem;margin-top:.75rem;background:#fff;border:1px solid var(--color-grey-300);border-radius:.6rem;box-shadow:0 2px 12px #0000000f;padding:.6rem}.ins-head{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.5rem}.ins-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,280px));justify-content:center;gap:.6rem}.ins-card{border:1px solid var(--color-grey-200);border-radius:.5rem;padding:.55rem}.ins-title{display:flex;align-items:center;gap:.5rem;margin-bottom:.35rem}.ins-meta .line{display:flex;gap:.35rem}.act-controls .seg-actions{display:flex;gap:.5rem}.filters-row.wrap{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.filters-row .mini-input,.filters-row select{border:1px solid var(--color-grey-300);background:#fff;border-radius:.5rem;padding:.45rem .6rem;font:inherit}.filters-row .chip-row{display:inline-flex;align-items:center;gap:.4rem}.timeline-handoff{padding:.8rem 1rem;background:#fff;border:1px dashed var(--color-grey-300);border-radius:.6rem}.skeleton{display:inline-block;background:linear-gradient(90deg,#eee,#f5f5f5,#eee);background-size:200% 100%;animation:sk 1.2s ease-in-out infinite;border-radius:4px}.skeleton.line{height:12px;width:100%}.skeleton.dot{width:16px;height:16px;border-radius:50%}@keyframes sk{0%{background-position:200% 0}to{background-position:-200% 0}}.ag.row.sk .col{display:flex;align-items:center}@keyframes modalIn{0%{transform:scale(.98);opacity:.4}to{transform:scale(1);opacity:1}}@media (max-width: 1200px){.ag{grid-template-columns:34px 160px 80px 140px 140px 120px 140px 120px 120px 110px 40px}}@media (max-width: 1100px){.activity-main{padding:1rem 1rem 4rem}.filters-row .mini-input{width:130px}.search-box input{min-width:220px}}@media (max-width: 900px){.events-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.cards-2,.cards-row{grid-template-columns:1fr}.mini-input{width:120px}.search-box input{min-width:200px}.activity-topbar{flex-wrap:wrap;gap:.5rem}.activity-main{padding:1rem 1rem 4rem}.act-controls{padding:.6rem}.act-controls .seg{flex-wrap:wrap;gap:.5rem}.filters-row .mini-input{width:110px}.search-box input{min-width:180px}.ins-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.ag{grid-template-columns:32px 140px 70px 120px 120px 100px 110px 90px 100px 95px 38px;gap:.35rem;padding:.4rem .5rem}}@media (max-width: 768px){.activity-main{padding:.85rem .85rem 3.5rem}.activity-topbar{flex-direction:column;align-items:flex-start;gap:.4rem;margin-bottom:.75rem}.activity-title h1{font-size:1.4rem}.activity-title p{font-size:.85rem}.act-controls{padding:.55rem;border-radius:.5rem;margin-bottom:.7rem}.act-controls .seg{flex-direction:column;align-items:stretch;gap:.5rem;margin-bottom:.5rem}.tabs{width:100%;justify-content:center}.seg-actions{width:100%;display:flex;justify-content:center}.pill{padding:.3rem .5rem;font-size:.8rem}.filters-row.wrap{display:grid;grid-template-columns:1fr 1fr;gap:.4rem}.search-box{grid-column:1 / -1}.search-box input{width:100%;min-width:0;font-size:.9rem;padding:.45rem .55rem}.filters-row .mini-input,.filters-row select{width:100%;font-size:.85rem;padding:.4rem .5rem}.chip-row{grid-column:1 / -1;width:100%;justify-content:flex-start;flex-wrap:wrap}.chip{padding:.2rem .45rem;font-size:.8rem}.audit-grid-wrap{margin:0;padding:0}.audit-grid{overflow-x:visible;border:none;background:transparent;box-shadow:none;border-radius:0;display:flex;flex-direction:column;gap:.5rem}.ag.header{display:none}.ag.row{display:flex;flex-direction:column;gap:0;padding:0;border:1px solid var(--color-grey-300);border-radius:.6rem;background:#fff;box-shadow:0 1px 4px #0000000d;overflow:hidden;position:relative;padding-top:.5rem}.ag.row.in{border-left:4px solid var(--color-success)}.ag.row.out{border-left:4px solid var(--color-error)}.ag.row.adjust{border-left:4px solid var(--color-warning)}.ag.row .sel{position:absolute;top:.5rem;right:.5rem;z-index:1;padding:0}.ag.row .sel input[type=checkbox]{width:18px;height:18px}.ag.row .exp{position:absolute;top:.4rem;right:2rem;padding:0}.exp-btn{min-width:32px;min-height:32px;display:flex;align-items:center;justify-content:center}.ag.row .col.act{order:1;padding:.5rem .6rem .25rem}.ag.row .col.mono[data-label=Serial]{order:2;font-size:.95rem;font-weight:800;padding:.15rem .6rem;white-space:normal;overflow:visible}.ag.row .col.mono[data-label=Product]{order:3;font-size:.85rem;padding:.1rem .6rem .25rem;white-space:normal;overflow:visible;color:var(--color-grey-700)}.ag.row .col[data-label]{display:flex;align-items:center;gap:.35rem;font-size:.85rem;padding:.2rem .6rem}.ag.row .col[data-label]:before{content:attr(data-label) ":";font-size:.75rem;font-weight:600;color:var(--color-grey-500);min-width:55px;flex-shrink:0}.ag.row .col[data-label=User]{order:4}.ag.row .col[data-label=Client]{order:5}.ag.row .col[data-label=PO]{order:6}.ag.row .col[data-label=Location]{order:7}.ag.row .col.right[data-label=Value]{order:8;text-align:left;padding:.2rem .6rem .35rem}.ag.row .col.time[data-label=Time]{order:10;font-size:.75rem;color:var(--color-grey-600);padding:.3rem .6rem .5rem;background:var(--bg-muted);border-top:1px solid var(--color-grey-200)}.ag.row .col.mono[data-label]:before{display:none}.ag.row .col.time[data-label]:before{display:inline;content:attr(data-label) ": "}.ag.expand{min-width:0;padding:.5rem .6rem;border-top:1px dashed var(--color-grey-300);margin:0}.ag.expand .kv-grid.flow{grid-template-columns:1fr 1fr;gap:.4rem}.kv-pair{padding:.35rem .45rem}.kv-pair .kv-label{font-size:.75rem}.quick-links{flex-wrap:wrap;gap:.3rem}.btn.tiny{padding:.25rem .4rem;font-size:.8rem;min-height:36px}.audit-inspector{padding:.5rem;border-radius:.5rem}.ins-head{flex-wrap:wrap;gap:.4rem;margin-bottom:.4rem}.ins-grid{grid-template-columns:1fr;gap:.5rem}.ins-card{padding:.45rem}.ins-title{gap:.35rem;margin-bottom:.25rem}.ins-meta .line{font-size:.85rem}.audit-footer{padding:.5rem}.audit-footer .btn{width:100%}.badge{font-size:.7rem;padding:.12rem .4rem}.modal-backdrop{padding:2rem .75rem .75rem;align-items:flex-start}.modal{border-radius:.6rem;max-height:calc(100vh - 3rem);display:flex;flex-direction:column}.modal.md{max-width:100%}.modal-header{padding:.7rem .85rem .5rem;flex-shrink:0}.modal-header h3{font-size:1.1rem}.modal-body{padding:.7rem .85rem .2rem;max-height:none;flex:1;overflow-y:auto}.modal-actions{padding:.6rem .85rem .75rem;flex-shrink:0}.timeline-list .row{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;gap:.25rem .5rem;padding:.45rem .55rem;font-size:.85rem}.timeline-list .row .badge{grid-row:1 / 3;align-self:center}.timeline-list .row .mono:nth-child(2){font-size:.75rem;color:var(--color-grey-600)}.timeline-list .row .mono:nth-child(3),.timeline-list .row .mono:nth-child(4){font-weight:700}.timeline-list .row .muted:nth-child(5),.timeline-list .row .muted:nth-child(6),.timeline-list .row .muted:last-child{display:none}}@media (max-width: 700px){.audit-grid{overflow-x:auto}}@media (max-width: 640px){.ag.expand .kv-grid.flow .kv-pair{flex-basis:100%;min-width:0}}@media (max-width: 480px){.activity-main{padding:.65rem .65rem 3rem}.activity-title h1{font-size:1.25rem}.activity-title p{font-size:.8rem}.act-controls{padding:.45rem}.pill{padding:.25rem .4rem;font-size:.75rem}.btn.outline{padding:.4rem .6rem;font-size:.8rem}.filters-row.wrap{grid-template-columns:1fr}.search-box input{font-size:.85rem;padding:.4rem .5rem}.chip-row{justify-content:center}.chip-row .muted{display:none}.chip{flex:1;justify-content:center;padding:.25rem .35rem;font-size:.75rem;min-height:36px}.audit-grid{gap:.4rem}.ag.row{border-radius:.5rem;padding-top:.4rem}.ag.row .col.act{padding:.4rem .5rem .2rem}.ag.row .col.mono[data-label=Serial]{font-size:.9rem;padding:.1rem .5rem}.ag.row .col.mono[data-label=Product]{font-size:.8rem;padding:.08rem .5rem .2rem}.ag.row .col[data-label]{font-size:.8rem;padding:.15rem .5rem}.ag.row .col[data-label]:before{font-size:.7rem;min-width:50px}.ag.row .col.right[data-label=Value]{padding:.15rem .5rem .3rem}.ag.row .col.time[data-label=Time]{font-size:.7rem;padding:.25rem .5rem .4rem}.ag.row .exp{top:.35rem;right:1.8rem}.ag.row .sel{top:.4rem;right:.4rem}.ag.expand{padding:.4rem .5rem}.ag.expand .kv-grid.flow{grid-template-columns:1fr}.kv-pair{padding:.3rem .4rem}.kv-pair .kv-label{font-size:.7rem}.kv-pair .kv-value{font-size:.85rem}.quick-links{margin-top:.3rem}.btn.tiny{flex:1;text-align:center;padding:.3rem .35rem;font-size:.75rem;min-height:36px}.audit-inspector{padding:.4rem;margin-top:.5rem}.ins-head{font-size:.9rem}.ins-head .btn{padding:.2rem .4rem;font-size:.75rem}.ins-grid{grid-template-columns:1fr}.ins-card{padding:.4rem}.ins-title .mono{font-size:.8rem}.ins-meta .line{font-size:.8rem;flex-wrap:wrap}.badge{font-size:.65rem;padding:.1rem .35rem}.modal-backdrop{padding:1rem .5rem .5rem}.modal{border-radius:.5rem}.modal-header{padding:.6rem .7rem .4rem}.modal-header h3{font-size:1rem}.modal-body{padding:.6rem .7rem .15rem}.modal-actions{padding:.5rem .7rem .6rem;gap:.4rem}.modal-actions .btn{padding:.4rem .6rem;font-size:.85rem;flex:1}.timeline-list{gap:.4rem}.timeline-list .row{display:flex;flex-direction:column;gap:.2rem;padding:.4rem .5rem;font-size:.8rem}.timeline-list .row .badge{align-self:flex-start;margin-bottom:.1rem}.timeline-list .row .mono{font-size:.8rem}.timeline-list .row .mono:nth-child(2){font-size:.7rem;color:var(--color-grey-600)}.logout-btn{padding:.35rem .6rem;font-size:.8rem}}@media (max-width: 360px){.activity-main{padding:.5rem .5rem 2.5rem}.activity-title h1{font-size:1.1rem}.act-controls{padding:.35rem}.pill{padding:.2rem .35rem;font-size:.7rem}.chip{font-size:.7rem}.ins-meta .line{font-size:.75rem}.audit-grid{gap:.35rem}.ag.row{border-radius:.45rem;padding-top:.35rem}.ag.row .col.act{padding:.35rem .45rem .15rem}.ag.row .col.mono[data-label=Serial]{font-size:.85rem;padding:.08rem .45rem}.ag.row .col.mono[data-label=Product]{font-size:.75rem;padding:.06rem .45rem .15rem}.ag.row .col[data-label]{font-size:.75rem;padding:.12rem .45rem}.ag.row .col[data-label]:before{font-size:.65rem;min-width:45px}.ag.row .col.right[data-label=Value]{padding:.12rem .45rem .25rem}.ag.row .col.time[data-label=Time]{font-size:.65rem;padding:.2rem .45rem .35rem}.badge{font-size:.6rem;padding:.08rem .3rem}.ag.row .exp{top:.3rem;right:1.6rem}.ag.row .sel{top:.35rem;right:.35rem}.ag.expand .kv-grid.flow{grid-template-columns:1fr}.kv-pair{padding:.25rem .35rem}.kv-pair .kv-label{font-size:.65rem}.kv-pair .kv-value{font-size:.8rem}.modal-backdrop{padding:.35rem}.modal-header h3{font-size:.95rem}.modal-body{padding:.5rem .55rem .1rem}.modal-actions{padding:.4rem .55rem .5rem}.modal-actions .btn{padding:.35rem .5rem;font-size:.8rem}}.reports-page{display:flex;align-items:flex-start}.reports-main{flex:1;min-height:100vh;padding:1.25rem 1.25rem 5.5rem;background:var(--bg-light)}.reports-topbar{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:1rem}.reports-title h1{color:var(--heading-color);line-height:1.1}.reports-filter{background:var(--bg-default);border-radius:12px;padding:1rem;margin-bottom:1.25rem}.rf-row{display:flex;gap:.75rem;flex-wrap:wrap;align-items:flex-end}.rf-field{display:flex;flex-direction:column;gap:.25rem;min-width:180px}.rf-field.grow{flex:1;min-width:260px}.rf-field label{font-size:.9rem;color:var(--color-grey-700)}.rf-field input,.rf-field select{height:40px;border:1px solid var(--color-grey-300);border-radius:10px;padding:0 .65rem;background:#fff;font:inherit;color:var(--color-grey-800)}.rf-hint{margin-top:.5rem}.report-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1rem}.report-card{background:var(--bg-default);border-radius:14px;padding:1rem;display:flex;flex-direction:column}.rc-head{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:.5rem}.rc-title h3{color:var(--heading-color);margin-bottom:.15rem}.badge.brand{background:var(--color-secondary);color:#fff;border-radius:999px;padding:.25rem .6rem;font-size:.8rem;font-weight:700}.rc-body{display:flex;flex-direction:column;gap:.75rem}.rc-field{display:flex;flex-direction:column;gap:.25rem}.rc-field label{font-size:.9rem;color:var(--color-grey-700)}.rc-field select{height:40px;border:1px solid var(--color-grey-300);border-radius:10px;padding:0 .65rem;background:#fff;font:inherit;color:var(--color-grey-800)}.rc-actions{display:flex;gap:.5rem;margin-top:.5rem}.btn{height:40px;border-radius:10px;padding:0 .9rem;font-weight:700;cursor:pointer;border:1px solid transparent;background:var(--color-grey-200);color:var(--color-grey-800)}.btn.primary{background:var(--color-primary);color:#fff}.btn.outline{background:#fff;border-color:var(--color-grey-300);color:var(--color-grey-800)}.btn:disabled{opacity:.6;cursor:not-allowed}.rc-skeleton{margin-top:.35rem}.sk-line{height:12px;border-radius:6px;background:linear-gradient(90deg,var(--color-grey-200) 25%,var(--color-grey-100) 37%,var(--color-grey-200) 63%);background-size:400% 100%;animation:skshimmer 1.1s infinite linear;margin:.35rem 0}.sk-line.w40{width:40%}.sk-line.w55{width:55%}.sk-line.w70{width:70%}@keyframes skshimmer{0%{background-position:100% 0}to{background-position:0 0}}.shadow-card{box-shadow:0 1px 6px #0000000d}.shadow-card-lg{box-shadow:0 2px 10px #0000000f}.logout-btn{padding:.5rem 1rem;border:none;border-radius:.5rem;background:var(--color-error);font-family:Urbanist;color:#fff;cursor:pointer;transition:background-color .2s}.approvals-page{display:flex;align-items:flex-start}.approvals-main{flex:1;min-height:100vh;padding:1.25rem 1.25rem 5.5rem;background:var(--bg-light)}.approvals-topbar{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:1rem}.approvals-title h1{color:var(--heading-color);line-height:1.1}.muted{color:var(--color-grey-600)}.small{font-size:.9rem}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,Liberation Mono,monospace}.panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.panel-title{margin:0}.approval-list{list-style:none;padding:0;margin:0}.approval-item{display:flex;justify-content:space-between;gap:1rem;padding:1rem;border:1px solid var(--border-soft);border-radius:10px;margin:.5rem 0;background:#fff}.approval-meta{flex:1}.topline{display:flex;gap:.5rem;align-items:center;margin-bottom:.25rem}.kv-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.35rem .75rem}.kv .k{color:var(--color-grey-600);margin-right:.25rem}.kv .v{color:var(--text)}.kv{display:flex;gap:.35rem}.approval-actions{display:flex;align-items:center;gap:.5rem}.btn-approve{background:var(--brand-primary);color:#fff}.badge{display:inline-block;padding:.18rem .5rem;border-radius:999px;font-size:.75rem;font-weight:700;letter-spacing:.02em}.badge.in{background:#24a6ab1f;color:#177}.badge.out{background:#ff636326;color:#a22}.panel-empty{display:flex;align-items:center;gap:.6rem;padding:1rem;color:var(--color-grey-600)}.spinner{width:16px;height:16px;border-radius:50%;border:2px solid #ddd;border-top-color:var(--brand-primary);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.modal-backdrop{position:fixed;inset:0;background:#00000047;display:flex;align-items:center;justify-content:center;z-index:50}.modal-card h3{margin:0 0 .25rem}.modal-card textarea{width:100%;border:1px solid var(--border-soft);border-radius:8px;padding:.6rem;font-family:var(--font-sans)}.modal-actions{margin-top:.75rem;display:flex;justify-content:flex-end;gap:.5rem}.card.panel{background:#fff;border-radius:12px;padding:1rem;border:1px solid var(--border-soft);box-shadow:var(--shadow-sm);margin-bottom:1.25rem}.btn{border:none;border-radius:8px;padding:.55rem .8rem;font-weight:600;cursor:pointer}.btn-approve{background:var(--brand-primary);color:var(--brand-primary-contrast)}.btn-reject{background:#ffe5e5;color:#b00020}.btn-muted{background:#f4f6f8;color:var(--text)}.modal-card{width:min(560px,92vw);background:#fff;border-radius:12px;padding:1rem;box-shadow:var(--shadow-lg);border:1px solid var(--border-soft)}