:root{--bg: #eef3f8;--card: #ffffff;--ink: #122033;--muted: #5b6b82;--line: #dce5ef;--navy: #16324f;--navy-2: #0e1c2e;--teal: #0f766e;--teal-bg: #ecfdf5;--red: #b91c1c;--red-bg: #fef2f2;--amber: #b45309;--amber-bg: #fffbeb;--shadow: 0 10px 30px rgba(14, 28, 46, .08);--sidebar: 248px}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;min-height:100%;overflow-x:hidden;max-width:100%}body{font-family:Segoe UI,system-ui,Tahoma,sans-serif;background:radial-gradient(circle at top right,rgba(15,118,110,.08),transparent 28%),var(--bg);color:var(--ink);min-height:100vh;overflow-x:hidden}body.menu-open{overflow:hidden}a{color:var(--navy);text-decoration:none}button,input,select,textarea{font:inherit}.app-body{background:var(--bg);min-height:100vh;overflow-x:hidden;max-width:100vw}.app-shell{display:flex;min-height:100vh;align-items:stretch;width:100%;max-width:100%;overflow-x:hidden}.mobile-topbar{display:none;align-items:center;gap:12px;padding:10px 12px;padding-top:max(10px,env(safe-area-inset-top));background:linear-gradient(180deg,#10233a,#0b1726);color:#fff;position:sticky;top:0;z-index:60;width:100%;max-width:100%;box-sizing:border-box}.mobile-topbar-brand{display:flex;align-items:center;gap:10px;min-width:0;flex:1}.mobile-topbar-brand strong{display:block;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:56vw}.mobile-topbar-brand span:not(.brand-mark){display:block;margin-top:2px;font-size:11px;opacity:.7;text-transform:capitalize}.menu-toggle{width:42px;height:42px;border:0;border-radius:12px;background:#ffffff1a;color:#fff;display:grid;place-items:center;cursor:pointer;flex:none}.menu-toggle-bars,.menu-toggle-bars:before,.menu-toggle-bars:after{display:block;width:18px;height:2px;background:#fff;border-radius:2px;transition:transform .2s ease,opacity .2s ease;content:""}.menu-toggle-bars{position:relative}.menu-toggle-bars:before{position:absolute;top:-6px;left:0}.menu-toggle-bars:after{position:absolute;top:6px;left:0}.menu-toggle-bars.is-open{background:transparent}.menu-toggle-bars.is-open:before{top:0;transform:rotate(45deg)}.menu-toggle-bars.is-open:after{top:0;transform:rotate(-45deg)}.sidebar-backdrop{display:none;position:fixed;top:0;right:0;bottom:0;left:0;border:0;padding:0;margin:0;background:#08101c73;z-index:70;opacity:0;pointer-events:none;transition:opacity .2s ease}.sidebar-backdrop.is-visible{opacity:1;pointer-events:auto}.sidebar-close{display:none;margin-left:auto;width:36px;height:36px;border:0;border-radius:10px;background:#ffffff1a;color:#fff;font-size:22px;line-height:1;cursor:pointer;flex:none}.v-tabs{width:var(--sidebar);flex:0 0 var(--sidebar);background:linear-gradient(180deg,#10233a,#0b1726);color:#fff;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.v-brand{display:flex;gap:12px;align-items:center;padding:20px 16px 16px;border-bottom:1px solid rgba(255,255,255,.08)}.brand-mark{width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,#14b8a6,#0f766e);display:grid;place-items:center;font-weight:800;font-size:13px;flex:none}.v-brand strong{display:block;font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:168px}.v-brand span{display:block;margin-top:3px;font-size:12px;opacity:.7;text-transform:capitalize}.v-nav{display:flex;flex-direction:column;padding:12px 10px 16px;gap:4px;flex:1}.v-tab{color:#ffffffd1;padding:10px 12px;border-radius:10px;font-weight:650;font-size:14px;background:transparent;border:0;text-align:left;width:100%;cursor:pointer;display:flex;align-items:center;gap:10px}.nav-icon{width:18px;height:18px;flex:none;opacity:.9}.nav-label{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#ffffff6b;padding:14px 12px 6px}.nav-num{width:20px;height:20px;border-radius:999px;display:grid;place-items:center;font-size:11px;font-weight:800;background:#ffffff1f;color:#fff;flex:none}.v-tab.active .nav-num{background:var(--teal);color:#fff}.v-tab:hover{background:#ffffff14;color:#fff}.v-tab.active{background:#fff;color:var(--navy)}.v-tab-logout{margin-top:auto;opacity:.9}.select-panel{display:flex;flex-direction:row;gap:12px;align-items:end;background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px;margin-bottom:14px;flex-wrap:wrap;box-shadow:var(--shadow)}.select-step{display:flex;flex-direction:column;gap:6px;min-width:0;flex:1;max-width:100%}.select-step label{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}.select-step select{width:100%;max-width:100%;border:1px solid var(--line);border-radius:10px;padding:11px 12px;background:#fff;box-sizing:border-box}.select-step select:disabled{background:#f3f5f8;color:var(--muted)}.field-select{position:relative;width:100%;max-width:100%;min-width:0}.field-select-label{display:block;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin-bottom:6px}.field-select-trigger{width:100%;max-width:100%;min-height:46px;display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid var(--line);border-radius:10px;padding:11px 12px;background:#fff;color:var(--ink);text-align:left;cursor:pointer;box-sizing:border-box}.field-select.is-disabled .field-select-trigger{background:#f3f5f8;color:var(--muted);cursor:not-allowed}.field-select-value{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:650}.field-select-value.is-placeholder{color:var(--muted);font-weight:500}.field-select-caret{width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:6px solid var(--muted);flex:none}.field-select.is-open .field-select-caret{transform:rotate(180deg)}.field-select-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;border:0;padding:0;margin:0;background:#0e1c2e59;z-index:80}.field-select-menu{position:absolute;left:0;right:0;top:calc(100% + 6px);z-index:90;margin:0;padding:6px;list-style:none;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 16px 40px #0e1c2e2e;max-height:min(280px,50vh);overflow-y:auto;overflow-x:hidden;width:100%;max-width:100%;box-sizing:border-box}.field-select-option{width:100%;max-width:100%;display:block;text-align:left;border:0;background:transparent;border-radius:8px;padding:12px;cursor:pointer;font-weight:650;color:var(--ink);white-space:normal;overflow-wrap:anywhere;word-break:break-word;box-sizing:border-box}.field-select-option:hover,.field-select-option.is-active{background:var(--teal-bg);color:var(--teal)}.select-panel{overflow:visible;max-width:100%}.app-main{flex:1;min-width:0;display:flex;flex-direction:column}.h-tabs{display:flex;flex-direction:row;gap:0;background:#fff;border-bottom:1px solid var(--line);padding:0 16px;overflow-x:auto;position:sticky;top:0;z-index:10}.h-tab{color:var(--muted);padding:15px 16px;font-weight:650;font-size:14px;border:0;background:transparent;border-bottom:3px solid transparent;white-space:nowrap;cursor:pointer;font-family:inherit;display:inline-flex;align-items:center;gap:8px}.h-tab:hover{color:var(--navy)}.h-tab.active{color:var(--navy);border-bottom-color:var(--teal)}.step-dot{width:22px;height:22px;border-radius:999px;display:inline-grid;place-items:center;font-size:11px;font-weight:800;background:#e8eef4;color:var(--muted)}.h-tab.active .step-dot{background:var(--teal);color:#fff}.h-tab.done .step-dot{background:var(--navy);color:#fff}.h-tab-short{display:none}.h-tab-full{display:inline}.h-tabs-employee .h-tab .nav-icon{width:18px;height:18px;opacity:.85}.h-tabs-employee .h-tab.active .nav-icon{color:var(--teal)}.app-content{padding:20px 22px 32px}.app-content-employee{padding-top:16px}.page-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px;flex-wrap:wrap}.page-head h2{margin:0 0 4px;font-size:22px;letter-spacing:-.03em}.page-head p{margin:0;color:var(--muted);font-size:13px}.export-actions{display:flex;gap:8px;flex:none}.btn-export{gap:8px;padding:9px 16px;border-radius:12px;box-shadow:0 8px 18px #0e1c2e14}.btn-export:hover{filter:brightness(1.06);transform:translateY(-1px)}.export-icon{width:16px;height:16px}.btn-export-excel{background:#0f766e;color:#fff}.btn-export-pdf{background:#b91c1c;color:#fff}.btn-export-print{background:#16324f;color:#fff}a.btn-export{color:#fff}.page-title{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}.page-title h2{margin:0 0 2px;font-size:18px}.page-title p,.page-title span{margin:0;color:var(--muted);font-size:13px}.toolbar{display:flex;flex-direction:row;align-items:center;gap:8px;margin-bottom:12px;flex-wrap:wrap}.toolbar input,.toolbar select{border:1px solid var(--line);border-radius:10px;padding:9px 12px;background:#fff}.toolbar input[type=search]{flex:1;min-width:180px}.sold-qty{width:88px;border:1px solid var(--line);border-radius:8px;padding:6px 8px}.split-h{display:grid;grid-template-columns:1.5fr 1fr;gap:14px;align-items:start}.form-grid{display:grid;grid-template-columns:repeat(3,minmax(160px,1fr));gap:12px 16px}.qty-grid{display:flex;flex-direction:row;flex-wrap:wrap;gap:12px}.qty-grid label{min-width:180px;flex:1}.card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:18px;box-shadow:var(--shadow)}.card h3{margin:0 0 12px;font-size:16px}.btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:10px;padding:9px 14px;cursor:pointer;font-weight:650;white-space:nowrap}.btn-primary{background:var(--navy);color:#fff}.btn-primary:hover{filter:brightness(1.08)}.btn-teal{background:var(--teal);color:#fff}.btn-red{background:var(--red);color:#fff}.btn-ghost{background:#e8eef4;color:var(--ink)}.btn-sm{padding:6px 10px;font-size:13px}.btn-block{width:100%}.btn[disabled]{opacity:.5;cursor:not-allowed}.flash{padding:10px 12px;border-radius:10px;margin-bottom:14px}.flash-ok{background:var(--teal-bg);color:var(--teal)}.flash-err{background:var(--red-bg);color:var(--red)}.auth-body{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at top right,rgba(20,184,166,.28),transparent 32%),linear-gradient(160deg,#0b1726,#16324f 48%,#0f766e);padding:20px}.auth-card{width:min(420px,100%);background:#fff;border-radius:22px;padding:32px 28px;box-shadow:0 24px 60px #00000040}.auth-logo{width:48px;height:48px;border-radius:14px;background:linear-gradient(135deg,#14b8a6,#0f766e);color:#fff;display:grid;place-items:center;font-weight:800;margin-bottom:14px}.auth-card h1{margin:0 0 6px}.auth-card .sub{color:var(--muted);margin:0 0 18px}.form label{display:block;font-size:13px;font-weight:650;margin:0 0 6px}.form input,.form select,.form textarea{width:100%;border:1px solid var(--line);border-radius:10px;padding:10px 12px;background:#fff}.form input:focus,.form select:focus,.form textarea:focus,.select-step select:focus,.toolbar input:focus,.toolbar select:focus{outline:2px solid rgba(15,118,110,.25);border-color:var(--teal)}.form-row{display:flex;flex-direction:row;gap:12px;align-items:end;flex-wrap:wrap}.form-row>*{flex:1;min-width:160px}.check-label{font-weight:500!important;margin-top:8px!important;display:flex!important;gap:8px;align-items:center}.check-label input{width:auto!important}.table-wrap{overflow-x:auto;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow)}table{width:100%;border-collapse:collapse;background:#fff}th,td{text-align:left;padding:11px 14px;border-bottom:1px solid var(--line);font-size:14px;vertical-align:middle}th{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.03em;background:#f8fafc}tr:last-child td{border-bottom:0}tbody tr:hover td{background:#f8fbfd}tr.is-correct td{background:#f0fdfa}tr.is-error td{background:#fff7f7}.filter-chip{border:1px solid var(--line);background:#fff;border-radius:999px;padding:7px 12px;cursor:pointer;font-size:13px}.filter-chip.active{background:var(--navy);color:#fff;border-color:var(--navy)}.badge{display:inline-block;border-radius:999px;padding:3px 8px;font-size:12px;font-weight:700}.badge-pending,.badge-amber{background:var(--amber-bg);color:var(--amber)}.badge-onhand{background:#e8eef4;color:var(--navy)}.badge-correct{background:var(--teal-bg);color:var(--teal)}.badge-error{background:var(--red-bg);color:var(--red)}.row-actions{display:flex;flex-direction:row;gap:6px;align-items:center;flex-wrap:nowrap}.items-bulk-bar{margin-top:-4px;margin-bottom:10px}.items-select-all{display:inline-flex;align-items:center;gap:8px;font-size:14px;color:var(--ink);cursor:pointer;-webkit-user-select:none;user-select:none}.items-select-all input,.items-check-col input{width:16px;height:16px;accent-color:var(--navy);cursor:pointer}.items-check-col{width:36px;text-align:center;vertical-align:middle}tr.row-selected td,.mobile-card.row-selected{background:#16324f0f}.missing-row{display:none;flex-direction:row;gap:6px;align-items:center}.missing-row.open{display:flex}.missing-row input{width:88px;border:1px solid var(--line);border-radius:8px;padding:6px 8px}.missing-label{display:flex;flex-direction:column;gap:4px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}.missing-label input{width:100%;min-width:88px;border:1px solid var(--line);border-radius:8px;padding:10px 12px;font-size:16px;color:var(--ink);text-transform:none;letter-spacing:0;font-weight:650}.filter-row{display:flex;flex-wrap:wrap;gap:8px}.mobile-only{display:none}.desktop-only{display:block}.mobile-card-list{display:none;flex-direction:column;gap:12px}.mobile-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:14px;box-shadow:var(--shadow)}.mobile-card.is-correct{border-color:#99f6e4;background:#f0fdfa}.mobile-card.is-error{border-color:#fecaca;background:#fff7f7}.mobile-card-top{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:6px}.mobile-card-id{font-size:13px;color:var(--teal);letter-spacing:.02em}.mobile-card-title{margin:0 0 10px;font-size:17px;line-height:1.25;letter-spacing:-.02em;word-break:break-word}.mobile-card-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:12px}.mobile-card-meta>div{background:#f8fafc;border:1px solid var(--line);border-radius:12px;padding:8px 10px;min-width:0}.mobile-card-meta span{display:block;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin-bottom:2px}.mobile-card-meta b{display:block;font-size:14px;word-break:break-word}.mobile-card-actions,.count-actions{display:flex;gap:8px;align-items:stretch}.mobile-card-actions .btn,.count-actions .btn{flex:1;min-height:44px;font-size:15px}.mobile-card .missing-row{margin-bottom:10px;width:100%}.mobile-card .missing-row.open{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:end}@media(max-width:900px){.mobile-topbar{display:flex}.sidebar-backdrop{display:block}.sidebar-close{display:grid;place-items:center}.app-shell{flex-direction:column;min-height:calc(100vh - 62px);overflow-x:hidden;width:100%;max-width:100vw}.app-main{width:100%;max-width:100%;min-width:0;overflow-x:hidden}.v-tabs{position:fixed;top:0;left:0;bottom:0;width:min(86vw,300px);flex:none;height:100vh;height:100dvh;z-index:80;transform:translate(-105%);transition:transform .22s ease;box-shadow:0 0 40px #00000059}.v-tabs.is-open{transform:translate(0)}.v-brand{padding:14px 12px;gap:10px}.v-brand strong{max-width:150px;font-size:14px}.v-brand span{font-size:11px}.brand-mark{width:34px;height:34px;border-radius:10px}.v-nav{flex-direction:column;overflow-x:hidden;overflow-y:auto;padding:12px 10px 20px;gap:4px;-webkit-overflow-scrolling:touch}.v-tab{white-space:nowrap;width:100%;flex:none;padding:12px;font-size:14px;border-radius:12px;background:transparent}.v-tab-logout{margin-top:auto}.nav-label{display:block}.nav-num{display:grid}.h-tabs{padding:0 8px;top:0;z-index:30;width:100%;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.h-tabs-scroll{scrollbar-width:none}.h-tabs-scroll::-webkit-scrollbar{display:none}.h-tab{padding:12px 10px;font-size:13px;flex:0 0 auto}.h-tab-full{display:none}.h-tab-short{display:inline}.app-content{padding:14px 12px 28px;padding-bottom:max(28px,env(safe-area-inset-bottom));width:100%;max-width:100%;overflow-x:hidden;box-sizing:border-box}.page-head{flex-direction:column;align-items:stretch;gap:10px;margin-bottom:12px}.page-head h2{font-size:20px}.page-head p{font-size:12px}.export-actions{width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.btn-export{width:100%;justify-content:center;padding:10px 8px;font-size:12px}.select-panel{flex-direction:column;align-items:stretch;padding:12px;gap:10px;border-radius:14px;overflow:visible;width:100%;max-width:100%;box-sizing:border-box}.select-step{min-width:0;width:100%;max-width:100%}.select-step select{min-height:46px;font-size:16px;padding:12px;max-width:100%}.field-select-menu{position:fixed;left:12px;right:12px;top:auto;bottom:max(12px,env(safe-area-inset-bottom));width:auto;max-width:none;max-height:min(55vh,360px);border-radius:16px;z-index:100}.toolbar .field-select{width:100%}.toolbar{flex-direction:column;align-items:stretch;gap:10px;width:100%;max-width:100%}.toolbar input,.toolbar select{width:100%;min-height:44px;font-size:16px}.toolbar input[type=search]{min-width:0;width:100%}.count-toolbar .stats{width:100%;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.count-toolbar .stat{min-width:0;flex-direction:column;align-items:flex-start;gap:2px;padding:8px}.count-toolbar .stat b{font-size:16px}.count-toolbar .stat span{font-size:10px}.filter-row{width:100%}.filter-chip{flex:1 1 calc(50% - 8px);text-align:center;min-height:40px;border-radius:12px}.desktop-only{display:none!important}.mobile-only{display:block}.mobile-card-list{display:flex;width:100%;max-width:100%}.mobile-card{width:100%;max-width:100%;box-sizing:border-box}.mobile-card-meta{grid-template-columns:1fr}.table-wrap{border-radius:14px;-webkit-overflow-scrolling:touch;width:100%;max-width:100%}.table-wrap table{min-width:640px}th,td{padding:10px 12px;font-size:13px}.dash-hero{flex-direction:column;align-items:flex-start;width:100%}.dash-hero-stat{text-align:left}.dash-grid{grid-template-columns:1fr}.split-h,.form-grid,.dash-split,.read-list,.qty-grid{grid-template-columns:1fr;width:100%;max-width:100%}.form-grid{display:grid;gap:12px}.form input,.form select,.form textarea{width:100%;max-width:100%;min-height:44px;font-size:16px}.card{padding:14px;border-radius:14px;width:100%;max-width:100%;box-sizing:border-box}.btn{min-height:42px}.btn-sm{min-height:36px}.row-actions{flex-wrap:wrap;width:100%}.row-actions .btn{flex:1}.auth-body{padding:20px 14px;overflow-x:hidden}.auth-card{width:100%;max-width:100%;margin:0;padding:22px 18px;border-radius:18px;box-sizing:border-box}.auth-card h1{font-size:22px;word-break:break-word}.report-toolbar{display:flex;flex-direction:column;gap:8px;width:100%}.report-toolbar select,.report-toolbar input{width:100%;min-height:44px;font-size:16px}}@media(max-width:560px){.v-tab{padding:12px;font-size:14px}.h-tab{font-size:12px}.count-toolbar .stats{grid-template-columns:repeat(2,minmax(0,1fr))}.export-actions{grid-template-columns:1fr}.mobile-card-actions{flex-direction:column}.mobile-card .missing-row.open{grid-template-columns:1fr}}.stats{display:flex;flex-direction:row;gap:8px;margin-bottom:12px;flex-wrap:wrap}.stat{background:#fff;border:1px solid var(--line);border-radius:12px;padding:8px 12px;min-width:88px;display:flex;flex-direction:row;align-items:baseline;gap:8px}.stat b{font-size:18px}.stat span{color:var(--muted);font-size:12px}.empty{color:var(--muted);padding:30px 10px;text-align:center}.empty-card{background:#fff;border:1px dashed var(--line);border-radius:16px;padding:42px 16px}.empty-card strong{display:block;color:var(--navy);margin-bottom:4px;font-size:15px}.empty-card p{margin:0}.actions{display:flex;flex-direction:row;gap:8px;flex-wrap:wrap}.muted{color:var(--muted);font-size:12px;margin-top:2px}.form textarea{resize:vertical;min-height:72px}.settings-form{max-width:720px}.settings-logo-card{margin-bottom:14px}.settings-logo-card h3{margin:0 0 4px}.settings-logo-help{margin:0 0 14px;font-size:13px}.settings-logo-row{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.settings-logo-preview{width:88px;height:88px;border-radius:18px;border:1px dashed var(--line);background:var(--bg);display:grid;place-items:center;overflow:hidden;flex-shrink:0}.settings-logo-mark{width:72px;height:72px;border-radius:14px;background:linear-gradient(135deg,#14b8a6,#0f766e);color:#fff;display:grid;place-items:center;font-weight:800;font-size:22px}.settings-logo-img,.brand-logo-img,.auth-logo-img{display:block;object-fit:contain;background:#fff}.settings-logo-img{width:100%;height:100%;border-radius:16px}.brand-logo-img{width:38px;height:38px;border-radius:12px}.auth-logo-mark{width:48px;height:48px;border-radius:14px;background:linear-gradient(135deg,#14b8a6,#0f766e);color:#fff;display:grid;place-items:center;font-weight:800}.auth-logo-img{width:48px;height:48px;border-radius:14px}.settings-logo-actions{display:flex;gap:8px;flex-wrap:wrap}.settings-view h3{margin:0 0 14px;font-size:16px}.read-list{display:grid;grid-template-columns:1fr 1fr;gap:14px 18px;margin:0}.read-list>div{min-width:0}.read-list .read-wide{grid-column:1 / -1}.read-list dt{font-size:12px;font-weight:650;color:var(--muted);margin:0 0 4px}.read-list dd{margin:0;font-size:15px;font-weight:650;color:var(--navy);white-space:pre-wrap;word-break:break-word}.company-banner{background:linear-gradient(135deg,#fff,#f3f8fb);border:1px solid var(--line);border-radius:16px;padding:14px 16px;margin-bottom:14px}.company-banner strong{display:block;font-size:16px;color:var(--navy)}.company-banner p{margin:4px 0 0;color:var(--muted);font-size:13px}.report-stat-grid{display:grid;grid-template-columns:repeat(6,minmax(110px,1fr));gap:10px;margin-bottom:16px}.report-stat{background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px 14px 12px;box-shadow:var(--shadow)}.report-stat span{display:block;color:var(--muted);font-size:12px;font-weight:650;margin-bottom:4px}.report-stat b{font-size:24px;letter-spacing:-.03em;color:var(--navy)}.report-stat.tone-ok b{color:var(--teal)}.report-stat.tone-warn b{color:var(--amber)}.report-stat.tone-err b{color:var(--red)}.report-stat.tone-teal b{color:#0f766e}.report-cards{display:grid;grid-template-columns:repeat(3,minmax(180px,1fr));gap:12px}.report-card{display:block;background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px;box-shadow:var(--shadow);color:inherit;transition:transform .15s ease,border-color .15s ease}.report-card:hover{transform:translateY(-2px);border-color:#b7c9d8}.report-card strong{display:block;font-size:16px;color:var(--navy);margin-bottom:6px}.report-card p{margin:0 0 12px;color:var(--muted);font-size:13px;line-height:1.45}.report-card-link{color:var(--teal);font-weight:700;font-size:13px}.report-mini-stats{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:12px}.report-mini-stats span{background:#fff;border:1px solid var(--line);border-radius:999px;padding:7px 12px;font-size:13px;color:var(--muted)}.report-mini-stats b{color:var(--navy);margin-left:4px}.report-toolbar{background:#f7fafc;border:1px solid var(--line);border-radius:14px;padding:10px}.overview-metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}.overview-metric{background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px 16px 14px;box-shadow:var(--shadow);border-top:4px solid var(--navy)}.overview-metric.tone-ok{border-top-color:var(--teal);background:linear-gradient(180deg,#f0fdfa,#fff 42%)}.overview-metric.tone-warn{border-top-color:var(--amber);background:linear-gradient(180deg,#fffbeb,#fff 42%)}.overview-metric.tone-navy{border-top-color:var(--navy);background:linear-gradient(180deg,#f3f7fb,#fff 42%)}.overview-metric.tone-teal{border-top-color:#0f766e;background:linear-gradient(180deg,#ecfeff,#fff 42%)}.overview-metric-label{display:block;font-size:12px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.overview-metric b{display:block;margin-top:8px;font-size:30px;letter-spacing:-.04em;color:var(--navy);line-height:1}.overview-metric.tone-ok b{color:var(--teal)}.overview-metric.tone-warn b{color:var(--amber)}.overview-metric.tone-err b{color:var(--red)}.overview-metric.tone-teal b{color:#0f766e}.overview-metric em{display:block;margin-top:8px;font-style:normal;font-size:12px;color:var(--muted)}.overview-status-list{display:flex;flex-direction:column;gap:10px;margin-bottom:16px}.overview-status-row{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px 16px;box-shadow:var(--shadow);color:inherit}.overview-status-row:hover{border-color:#b7c9d8}.overview-status-dot{width:12px;height:12px;border-radius:50%;flex-shrink:0;background:var(--muted)}.overview-status-dot.ok{background:var(--teal)}.overview-status-dot.warn{background:var(--amber)}.overview-status-dot.err{background:var(--red)}.overview-status-copy{flex:1;min-width:0}.overview-status-copy strong{display:block;color:var(--navy);font-size:14px}.overview-status-copy small{display:block;margin-top:2px;color:var(--muted);font-size:12px}.overview-status-row b{font-size:20px;letter-spacing:-.03em}.overview-status-row b.tone-ok{color:var(--teal)}.overview-status-row b.tone-warn{color:var(--amber)}.overview-status-row b.tone-err{color:var(--red)}.overview-status-chevron{color:var(--muted);font-size:22px;line-height:1}.overview-actions{display:flex;flex-direction:column;align-items:stretch;gap:12px;margin-top:4px}.overview-primary-btn{justify-content:center;text-align:center;padding:14px 18px;border-radius:12px;font-weight:700}.overview-secondary-link{text-align:center;color:var(--teal);font-weight:700;font-size:13px}.my-tasks-page{max-width:820px}.my-tasks-hero{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;background:linear-gradient(135deg,#12263d,#0f766e);color:#fff;border-radius:18px;padding:22px 24px;margin-bottom:16px;box-shadow:var(--shadow)}.my-tasks-hero-copy{flex:1;min-width:0}.my-tasks-greeting{display:block;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;opacity:.75;margin-bottom:4px}.my-tasks-hero h2{margin:0 0 6px;font-size:22px;letter-spacing:-.03em;line-height:1.2}.my-tasks-hero p{margin:0;font-size:13px;opacity:.85;line-height:1.45;max-width:520px}.my-tasks-date-chip{display:inline-flex;align-items:center;gap:6px;margin-top:12px;padding:6px 12px;background:#ffffff1f;border:1px solid rgba(255,255,255,.18);border-radius:999px;font-size:12px;font-weight:650}.my-tasks-progress{margin-top:14px;max-width:420px}.my-tasks-progress-track{height:6px;background:#ffffff2e;border-radius:999px;overflow:hidden}.my-tasks-progress-fill{height:100%;background:#5eead4;border-radius:999px;transition:width .35s ease}.my-tasks-progress-label{display:block;margin-top:6px;font-size:11px;opacity:.75}.my-tasks-hero-stat{text-align:center;flex:none;background:#ffffff1a;border:1px solid rgba(255,255,255,.15);border-radius:16px;padding:14px 20px;min-width:72px}.my-tasks-hero-stat b{display:block;font-size:32px;letter-spacing:-.04em;line-height:1}.my-tasks-hero-stat span{display:block;margin-top:4px;font-size:11px;text-transform:uppercase;letter-spacing:.05em;opacity:.8}.my-tasks-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:18px}.my-tasks-stat{background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px 12px 12px;box-shadow:var(--shadow);text-align:center;border-top:3px solid var(--navy)}.my-tasks-stat b{display:block;font-size:26px;letter-spacing:-.03em;color:var(--navy);line-height:1}.my-tasks-stat span{display:block;margin-top:4px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}.my-tasks-stat.tone-warn{border-top-color:var(--amber)}.my-tasks-stat.tone-warn b{color:var(--amber)}.my-tasks-stat.tone-navy{border-top-color:var(--navy)}.my-tasks-stat.tone-ok{border-top-color:var(--teal)}.my-tasks-stat.tone-ok b{color:var(--teal)}.my-tasks-empty svg{display:block;margin:0 auto 12px;color:var(--line);opacity:.7}.my-tasks-section{margin-bottom:20px}.my-tasks-section-head{display:flex;align-items:center;gap:8px;margin:0 0 12px;font-size:14px;font-weight:700;color:var(--navy);letter-spacing:-.01em}.my-tasks-section-head em{font-style:normal;font-size:12px;font-weight:700;color:var(--muted);background:#f1f5f9;border-radius:999px;padding:2px 8px;margin-left:auto}.my-tasks-section-dot{width:8px;height:8px;border-radius:999px;flex:none}.my-tasks-section-dot.tone-warn{background:var(--amber)}.my-tasks-section-dot.tone-teal{background:var(--teal)}.my-task-list{display:flex;flex-direction:column;gap:14px}.my-task-card{position:relative;display:flex;background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;box-shadow:var(--shadow);transition:box-shadow .2s ease,transform .2s ease}.my-task-card:not(.is-locked):hover{box-shadow:0 14px 36px #0e1c2e1a}.my-task-accent{width:4px;flex:none;background:var(--amber)}.my-task-card.is-on-hand .my-task-accent{background:var(--navy)}.my-task-card.is-done .my-task-accent,.my-task-card.is-locked .my-task-accent{background:var(--teal)}.my-task-body{flex:1;min-width:0;padding:16px 18px}.my-task-card.is-locked{background:linear-gradient(180deg,#f8fafc,#fff)}.my-task-card.is-done{border-color:#99f6e4}.my-task-card.is-on-hand{border-color:#cbd5e1}.my-task-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.my-task-title-wrap{min-width:0;flex:1}.my-task-type{display:block;color:var(--navy);font-size:17px;font-weight:700;letter-spacing:-.02em;line-height:1.25;word-break:break-word}.my-task-badges{display:flex;align-items:center;gap:6px;flex-wrap:wrap;justify-content:flex-end;flex:none}.my-task-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:14px}.my-task-meta>div{background:#f8fafc;border:1px solid var(--line);border-radius:12px;padding:10px 12px;min-width:0}.my-task-meta span{display:block;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}.my-task-meta b{display:block;margin-top:4px;font-size:13px;color:var(--navy);word-break:break-word;line-height:1.35}.my-task-note{margin:12px 0 0;padding:10px 12px;background:var(--amber-bg);border:1px solid #fde68a;border-radius:10px;color:var(--amber);font-size:13px;line-height:1.4}.my-task-locked{display:flex;align-items:center;gap:6px;margin-top:14px;padding:10px 12px;background:var(--teal-bg);border:1px solid #99f6e4;border-radius:10px;color:var(--teal);font-size:12px;font-weight:650}.my-task-actions{display:flex;gap:8px;margin-top:16px;flex-wrap:wrap}.my-task-actions .btn{flex:1;min-width:120px;min-height:44px;justify-content:center;border-radius:12px;font-size:14px}.emp-admin-page{width:100%;max-width:100%}.emp-admin-hero{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;background:linear-gradient(135deg,#12263d,#16324f 55%,#0f766e);color:#fff;border-radius:18px;padding:22px 24px;margin-bottom:14px;box-shadow:var(--shadow)}.emp-admin-kicker{display:block;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;opacity:.72;margin-bottom:4px}.emp-admin-hero h2{margin:0 0 6px;font-size:22px;letter-spacing:-.03em}.emp-admin-hero p{margin:0;font-size:13px;opacity:.85;line-height:1.45;max-width:480px}.emp-admin-steps{display:flex;align-items:center;gap:8px;flex-shrink:0}.emp-admin-step{display:flex;align-items:center;gap:6px;padding:8px 12px;border-radius:999px;font-size:12px;font-weight:650;background:#ffffff1a;border:1px solid rgba(255,255,255,.14);opacity:.65;white-space:nowrap}.emp-admin-step b{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;background:#ffffff2e;font-size:11px}.emp-admin-step.active{opacity:1;background:#fff3;border-color:#ffffff59}.emp-admin-step.done{opacity:.85;background:#5eead426;border-color:#5eead44d}.emp-admin-step-line{width:16px;height:2px;background:#ffffff40;border-radius:2px}.emp-admin-tabs{display:flex;gap:8px;margin-bottom:14px;flex-wrap:wrap}.emp-admin-tab{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:12px;background:var(--card);border:1px solid var(--line);color:var(--muted);font-size:13px;font-weight:650;box-shadow:0 2px 8px #0e1c2e0a;transition:border-color .15s,color .15s,box-shadow .15s}.emp-admin-tab:hover{color:var(--navy);border-color:#c5d3e0}.emp-admin-tab.active{color:var(--navy);border-color:var(--teal);background:var(--teal-bg);box-shadow:0 4px 14px #0f766e1f}.emp-admin-tab-num{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:7px;background:var(--bg);font-size:11px;font-weight:800;color:var(--muted)}.emp-admin-tab.active .emp-admin-tab-num{background:var(--teal);color:#fff}.emp-admin-panel{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:20px;box-shadow:var(--shadow)}.emp-admin-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:16px;flex-wrap:wrap}.emp-admin-section-head h3{margin:0;font-size:18px;color:var(--navy)}.emp-admin-section-head p{margin:4px 0 0;font-size:13px;color:var(--muted)}.emp-admin-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;margin-bottom:16px}.emp-admin-stat{background:var(--bg);border:1px solid var(--line);border-radius:12px;padding:12px 14px;border-top:3px solid var(--line)}.emp-admin-stat b{display:block;font-size:22px;color:var(--navy);line-height:1.1;letter-spacing:-.02em}.emp-admin-stat span{display:block;margin-top:2px;font-size:11px;font-weight:650;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}.emp-admin-stat.tone-navy{border-top-color:var(--navy)}.emp-admin-stat.tone-teal{border-top-color:var(--teal)}.emp-admin-stat.tone-teal b{color:var(--teal)}.emp-admin-stat.tone-ok{border-top-color:var(--teal)}.emp-admin-stat.tone-ok b{color:var(--teal)}.emp-admin-stat.tone-warn{border-top-color:var(--amber)}.emp-admin-stat.tone-warn b{color:var(--amber)}.emp-admin-empty{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;padding:36px 20px;border:2px dashed var(--line);border-radius:14px;color:var(--muted)}.emp-admin-empty svg{opacity:.35;margin-bottom:4px}.emp-admin-empty strong{color:var(--navy);font-size:16px}.emp-admin-empty p{margin:0 0 8px;font-size:13px;max-width:320px}.emp-admin-list tr.is-inactive td{opacity:.72}.emp-admin-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px}.emp-admin-person-card,.emp-admin-task-card,.emp-admin-assign-card{position:relative;background:var(--bg);border:1px solid var(--line);border-radius:14px;overflow:hidden;transition:box-shadow .15s,border-color .15s}.emp-admin-person-card:hover,.emp-admin-task-card:hover,.emp-admin-assign-card:hover{box-shadow:0 6px 20px #0e1c2e14;border-color:#c8d4e0}.emp-admin-person-card.is-inactive{opacity:.72}.emp-admin-person-top{display:flex;align-items:center;gap:12px;padding:14px 14px 0}.emp-admin-avatar{flex-shrink:0;width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,var(--navy),var(--teal));color:#fff;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:800;letter-spacing:.02em}.emp-admin-avatar.sm{width:36px;height:36px;border-radius:10px;font-size:12px}.emp-admin-person-info{flex:1;min-width:0}.emp-admin-person-info strong{display:block;color:var(--navy);font-size:15px}.emp-admin-person-info span{display:block;font-size:12px;color:var(--muted);margin-top:1px}.emp-admin-person-meta,.emp-admin-task-meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:8px;padding:12px 14px}.emp-admin-person-meta>div,.emp-admin-task-meta>div{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:8px 10px}.emp-admin-person-meta span,.emp-admin-task-meta span{display:block;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin-bottom:2px}.emp-admin-person-meta b,.emp-admin-task-meta b{display:block;font-size:13px;color:var(--ink);word-break:break-word}.emp-admin-person-actions,.emp-admin-task-actions{display:flex;gap:8px;padding:0 14px 14px;flex-wrap:wrap}.emp-admin-task-card,.emp-admin-assign-card{display:flex}.emp-admin-task-accent{width:4px;flex-shrink:0;background:var(--amber)}.emp-admin-task-card.is-assigned .emp-admin-task-accent,.emp-admin-assign-card.is-done .emp-admin-task-accent{background:var(--teal)}.emp-admin-assign-card.is-on-hand .emp-admin-task-accent{background:var(--navy)}.emp-admin-task-body{flex:1;min-width:0;padding:14px 14px 0}.emp-admin-task-top,.emp-admin-assign-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:10px}.emp-admin-task-top strong,.emp-admin-assign-who strong{color:var(--navy);font-size:15px}.emp-admin-assign-top{align-items:center}.emp-admin-assign-who{flex:1;min-width:0}.emp-admin-assign-who span{display:block;font-size:12px;color:var(--muted);margin-top:1px}.emp-admin-task-note{margin:0 14px 10px;padding:8px 10px;background:var(--card);border-radius:8px;font-size:12px;color:var(--muted);border-left:3px solid var(--line)}.check-row{display:flex!important;flex-direction:row!important;align-items:center;gap:8px}.check-row input{width:auto!important}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0e1c2e8c;display:flex;align-items:center;justify-content:center;padding:16px;z-index:80}.modal-card{width:min(480px,100%);max-height:min(90vh,720px);overflow:auto;background:#fff;border-radius:16px;padding:18px 18px 16px;box-shadow:0 20px 50px #0e1c2e40}.modal-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.modal-head h3{margin:0;color:var(--navy);font-size:18px}.modal-close{border:0;background:#f1f5f9;color:var(--navy);width:36px;height:36px;border-radius:10px;font-size:22px;line-height:1;cursor:pointer}.task-report-group{margin-bottom:16px}.task-report-group-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:8px}.task-report-group-head strong{color:var(--navy);font-size:15px}.overview-date-bar{display:flex;gap:8px;align-items:center;margin:0;width:100%}.overview-date-bar input[type=date]{flex:1;min-width:0}@media(max-width:900px){.overview-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.overview-metric{padding:14px 12px 12px;border-radius:14px;min-width:0}.overview-metric-label{font-size:11px;letter-spacing:.03em}.overview-metric b{font-size:26px;margin-top:6px}.overview-metric em{font-size:11px;margin-top:6px}.overview-status-row{padding:12px;gap:10px}.overview-status-copy strong{font-size:13px}.overview-status-copy small{font-size:11px;line-height:1.35}.overview-status-row b{font-size:18px}.overview-date-bar{flex-direction:column;align-items:stretch}.overview-date-bar input[type=date],.overview-date-bar .btn{width:100%;min-height:44px}.report-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.report-stat{padding:12px;min-width:0}.report-stat b{font-size:22px}.report-cards{grid-template-columns:1fr}.company-banner{padding:12px;word-break:break-word}.company-banner p{font-size:12px;line-height:1.4}}@media(max-width:560px){.overview-metric b{font-size:24px}.overview-primary-btn{width:100%;min-height:48px}.my-tasks-hero{flex-direction:column;padding:18px 16px}.my-tasks-hero h2{font-size:20px}.my-tasks-hero-stat{display:flex;align-items:center;gap:10px;align-self:stretch;text-align:left;padding:12px 16px}.my-tasks-hero-stat b{font-size:28px}.my-tasks-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.my-tasks-stat b{font-size:22px}.my-task-meta{grid-template-columns:1fr}.my-task-actions{flex-direction:column}.my-task-actions .btn{width:100%}.emp-admin-hero{flex-direction:column;padding:18px 16px}.emp-admin-steps{flex-wrap:wrap;width:100%}.emp-admin-step-line{display:none}.emp-admin-panel{padding:14px}.emp-admin-section-head{flex-direction:column;align-items:stretch}.emp-admin-section-head .btn{width:100%;justify-content:center}.emp-admin-card-grid{grid-template-columns:1fr}.emp-admin-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.modal-card{padding:14px}}.dash-hero{display:flex;justify-content:space-between;align-items:center;gap:16px;background:linear-gradient(135deg,#12263d,#0f766e);color:#fff;border-radius:18px;padding:20px 22px;margin-bottom:16px;box-shadow:var(--shadow)}.dash-hero strong{display:block;font-size:16px}.dash-hero p{margin:6px 0 0;opacity:.85;font-size:13px}.dash-hero-stat{text-align:right}.dash-hero-copy{flex:1;min-width:0}.dash-hero-stat b{display:block;font-size:32px;letter-spacing:-.04em}.dash-hero-stat span{font-size:12px;opacity:.8;text-transform:uppercase;letter-spacing:.04em}.progress-track{display:flex;height:8px;background:#ffffff2e;border-radius:999px;overflow:hidden;margin-top:14px;max-width:420px}.progress-ok{background:#5eead4}.progress-err{background:#fca5a5}.dash-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;margin-bottom:16px}.dash-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:8px;min-height:96px;color:inherit}.dash-card span{color:var(--muted);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.dash-card b{font-size:28px;letter-spacing:-.04em}.dash-card:hover{transform:translateY(-1px)}.tone-navy{border-top:3px solid var(--navy)}.tone-teal{border-top:3px solid var(--teal)}.tone-red{border-top:3px solid var(--red)}.tone-amber{border-top:3px solid var(--amber)}.tone-ink{border-top:3px solid #64748b}.dash-split{display:grid;grid-template-columns:1fr 1.2fr;gap:14px;align-items:start}.quick-list{display:flex;flex-direction:column;gap:8px}.quick-list a{background:#f8fafc;border:1px solid var(--line);border-radius:10px;padding:10px 12px;font-weight:650}.quick-list a:hover{background:var(--teal-bg);border-color:#99f6e4}