@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}.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)}.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}.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}@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}}.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}@media (max-width: 1200px){.ag{grid-template-columns:34px 160px 80px 140px 140px 120px 140px 120px 120px 110px 40px}}@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}}@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}}@keyframes modalIn{0%{transform:scale(.98);opacity:.4}to{transform:scale(1);opacity:1}}.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)}