@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.relative{position:relative}.start{inset-inline-start:var(--spacing)}.hidden{display:none}.table{display:table}}:root{--ink:#17221e;--muted:#69746f;--line:#e4e9e6;--paper:#f5f7f5;--white:#fff;--green:#1f7a55;--green-soft:#e7f3ec;--amber:#ba6b16;--amber-soft:#fff3df;--blue:#2f67a5;--blue-soft:#eaf2fb}*{box-sizing:border-box}html{background:var(--paper)}body{background:var(--paper);color:var(--ink);margin:0;font-family:Microsoft YaHei UI,PingFang SC,Noto Sans CJK SC,Arial,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}.app-shell{grid-template-columns:238px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{color:#fff;background:#132a21;flex-direction:column;height:100vh;padding:28px 18px 22px;display:flex;position:sticky;top:0}.brand{border-bottom:1px solid #ffffff1a;align-items:center;gap:12px;padding:0 8px 28px;display:flex}.brand-mark{color:#173429;background:#b9e1ca;border-radius:13px;place-items:center;width:42px;height:42px;font-size:20px;font-weight:900;display:grid}.brand strong,.brand span{display:block}.brand strong{letter-spacing:.04em;font-size:16px}.brand span{color:#9db3a9;margin-top:4px;font-size:11px}.nav-list{gap:7px;margin-top:24px;display:grid}.nav-list button{color:#aec0b8;text-align:left;background:0 0;border:0;border-radius:10px;align-items:center;gap:11px;width:100%;padding:12px 13px;font-weight:650;transition:all .18s;display:flex;position:relative}.nav-list button.active:before{content:"";background:#9dd7b5;border-radius:4px;width:3px;position:absolute;top:10px;bottom:10px;left:-18px}.nav-list button span{text-align:center;width:22px;font-size:18px}.nav-list em{color:#18281f;background:#d5a354;border-radius:999px;place-items:center;width:23px;height:23px;margin-left:auto;font-size:11px;font-style:normal;display:grid}.sidebar-foot{border-top:1px solid #ffffff1a;align-items:center;gap:10px;margin-top:auto;padding:16px 8px 0;display:flex}.sidebar-foot .avatar{background:#315343;border-radius:50%;place-items:center;width:36px;height:36px;font-size:13px;display:grid}.sidebar-foot strong,.sidebar-foot span{display:block}.sidebar-foot strong{font-size:12px}.sidebar-foot span{color:#91a79d;margin-top:3px;font-size:10px}.workspace{min-width:0;padding:31px clamp(24px,4vw,54px) 50px}.topbar{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:28px;display:flex}.eyebrow{color:#6f7d76;text-transform:uppercase;letter-spacing:.14em;margin:0 0 6px;font-size:10px;font-weight:800}.topbar h1{letter-spacing:-.04em;margin:0;font-size:30px;line-height:1.1}.top-actions{gap:10px;display:flex}.button{border:1px solid #0000;border-radius:9px;padding:10px 16px;font-size:13px;font-weight:750;transition:all .18s}.button.primary{color:#fff;background:#1e6e4e;box-shadow:0 7px 18px #1e6e4e2e}.button.primary:hover{background:#175c40;transform:translateY(-1px)}.button.secondary:hover{border-color:#adc0b7}.button:disabled{opacity:.55;cursor:wait}.error-banner{color:#9c3029;background:#fff0ee;border:1px solid #efc3bf;border-radius:9px;align-items:center;gap:10px;margin:-12px 0 18px;padding:11px 14px;font-size:12px;display:flex}.error-banner span{color:#fff;background:#c64940;border-radius:50%;place-items:center;width:20px;height:20px;font-weight:900;display:grid}.error-banner button{color:inherit;background:0 0;border:0;margin-left:auto;font-size:18px}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:16px;display:grid}.metric-card{border:1px solid var(--line);background:#fff;border-radius:14px;align-items:flex-start;gap:14px;min-height:139px;padding:20px;display:flex;box-shadow:0 2px 2px #12221b05}.metric-icon{border-radius:10px;flex:0 0 39px;place-items:center;width:39px;height:39px;font-weight:850;display:grid}.metric-card p{color:#6a7771;margin:0 0 8px;font-size:12px;font-weight:650}.metric-card strong{letter-spacing:-.04em;margin-bottom:8px;font-size:22px;display:block}.metric-card.green .metric-icon{background:var(--green-soft);color:var(--green)}.metric-card.amber .metric-icon{background:var(--amber-soft);color:var(--amber)}.metric-card.blue .metric-icon{background:var(--blue-soft);color:var(--blue)}.dashboard-grid{grid-template-columns:minmax(0,1.15fr) minmax(330px,.85fr);gap:16px;margin-bottom:16px;display:grid}.panel,.orders-panel{border:1px solid var(--line);background:#fff;border-radius:14px}.panel{padding:21px 22px}.panel-head{justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:19px;display:flex}.panel-head h2,.orders-head h2{letter-spacing:-.02em;margin:0;font-size:17px}.panel-head>span{color:#8a9690;font-size:10px}.panel-head button{color:#39745a;background:0 0;border:0;font-size:11px;font-weight:750}.ranking-list{gap:15px;display:grid}.rank-meta{grid-template-columns:26px 1fr auto;align-items:center;gap:8px;margin-bottom:7px;display:grid}.rank-meta strong{font-size:12px}.rank-meta span{color:#536059;font-size:11px;font-weight:700}.rank-track{background:#edf1ef;border-radius:99px;height:6px;overflow:hidden}.rank-track i{background:linear-gradient(90deg,#1f7755,#79b996);border-radius:99px;height:100%;display:block}.todo-list{gap:2px;display:grid}.todo-list button{text-align:left;background:0 0;border:0;border-bottom:1px solid #edf0ee;grid-template-columns:35px 1fr auto;align-items:center;gap:10px;padding:9px 2px;display:grid}.todo-list button:last-child{border-bottom:0}.todo-icon{border-radius:9px;place-items:center;width:32px;height:32px;font-size:11px;font-weight:850;display:grid}.todo-icon.receivable{background:var(--amber-soft);color:var(--amber)}.todo-icon.payable{background:var(--blue-soft);color:var(--blue)}.todo-list strong,.todo-list small{display:block}.todo-list small{color:#8a958f;margin-top:4px;font-size:9px}.todo-list button>b{color:#a4ada8;font-size:19px}.orders-panel{overflow:hidden}.orders-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-end;gap:20px;padding:20px 22px 17px;display:flex}.orders-head h2{align-items:center;gap:8px;display:flex}.orders-head h2 span{color:#68746e;background:#eef2ef;border-radius:99px;place-items:center;min-width:22px;height:20px;padding:0 6px;font-size:10px;display:grid}.filters{gap:8px;display:flex}.filters select,.search{color:#46534d;background:#fbfcfb;border:1px solid #dbe2de;border-radius:8px;height:36px;font-size:11px}.filters select{padding:0 29px 0 10px}.search{align-items:center;gap:6px;width:210px;padding:0 10px;display:flex}.search span{color:#8b9691;font-size:18px}.search input{background:0 0;border:0;outline:0;width:100%;min-width:0;font-size:11px}.table-wrap{width:100%;overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:1050px}th{text-align:left;color:#84908a;border-bottom:1px solid var(--line);letter-spacing:.04em;white-space:nowrap;background:#fafbfa;padding:11px 14px;font-size:9px;font-weight:800}td{vertical-align:middle;border-bottom:1px solid #edf0ee;padding:14px;font-size:11px}tbody tr:last-child td{border-bottom:0}td strong,td small{display:block}td strong{white-space:nowrap;font-size:11px}td small{color:#8a948f;white-space:nowrap;margin-top:5px;font-size:9px}.order-no{color:#2c7053}.ok,.profit{color:#247a55}.loss{color:#b83d35}.status{white-space:nowrap;border-radius:99px;padding:5px 8px;font-size:9px;font-weight:800;display:inline-flex}.row-actions{gap:5px;display:flex}.row-actions button{color:#4d5b55;background:#fff;border:1px solid #dce3df;border-radius:6px;padding:5px 7px;font-size:9px;font-weight:700}.empty{text-align:center;color:#8a958f;padding:50px}.modal-backdrop{z-index:50;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0e1b1694;place-items:center;padding:25px;display:grid;position:fixed;inset:0}.modal{background:#fff;border-radius:17px;width:min(470px,100%);max-height:calc(100vh - 50px);position:relative;overflow:auto;box-shadow:0 24px 80px #08120e47}.modal.wide{width:min(900px,100%)}.modal form{padding:28px}.modal-close{color:#617069;z-index:2;background:#f0f3f1;border:0;border-radius:50%;width:31px;height:31px;font-size:20px;position:absolute;top:15px;right:17px}.modal-title{margin-bottom:21px;padding-right:30px}.modal-title h2{letter-spacing:-.03em;margin:0;font-size:22px}.modal-title>span{color:#7c8983;margin-top:7px;font-size:11px;display:block}.form-section{border-top:1px solid #e8ecea;padding:18px 0}.form-section h3{margin:0 0 13px;font-size:12px}.form-section.financial{background:#f5faf7;margin:0 -28px;padding:18px 28px}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;display:grid}.form-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.field{gap:6px;min-width:0;display:grid}.field>span{color:#5e6b65;font-size:10px;font-weight:750}.field>span b{color:#b1453e;margin-left:3px}.field input,.field select,.field textarea{color:#23302a;background:#fff;border:1px solid #d9e0dc;border-radius:8px;outline:0;width:100%;padding:9px 10px;font-size:11px}.field input,.field select{height:38px}.field textarea{resize:vertical}.span-2{grid-column:span 2}.compact-form{gap:13px;display:grid}.modal-actions{border-top:1px solid #e8ecea;justify-content:flex-end;gap:9px;padding-top:19px;display:flex}.toast{z-index:70;color:#fff;background:#183d2e;border-radius:9px;padding:12px 17px;font-size:12px;font-weight:750;animation:.25s toast-in;position:fixed;bottom:28px;right:28px;box-shadow:0 12px 30px #14372940}@keyframes toast-in{0%{opacity:0;transform:translateY(12px)}}.modal.extra-wide{width:min(1440px,100vw - 32px)}.employee-metrics{grid-template-columns:repeat(2,minmax(0,1fr))!important}.batch-import-form{padding:24px!important}.batch-table-wrap{background:#fff;border:1px solid #dfe6e2;border-radius:11px;width:100%;max-height:55vh;overflow:auto}.batch-table th{z-index:1;background:#f1f6f3;padding:10px;font-size:11px;position:sticky;top:0}.batch-table td{padding:7px}.batch-table input{color:#23302a;background:#fff;border:1px solid #d9e0dc;border-radius:7px;outline:0;width:122px;height:36px;padding:7px 8px;font-size:12px}.batch-table input[type=date]{width:145px}.batch-table input:focus{border-color:#4d8b6f;box-shadow:0 0 0 2px #41846317}.batch-table input[readonly]{color:#255e45;background:#edf6f1;font-weight:800}.batch-delete{color:#a43c35;background:0 0;border:0;font-size:12px;font-weight:750}.batch-delete:disabled{color:#b5bdb9;cursor:not-allowed}.batch-table td:last-child small{color:#9aa49f;margin-top:4px;font-size:11px;display:block}.batch-toolbar{align-items:center;gap:12px;padding:12px 0 15px;display:flex}@media (max-width:1100px){.metric-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.orders-head{flex-direction:column;align-items:flex-start}.filters{width:100%}.search{flex:1}}@media (max-width:760px){.app-shell{display:block}.sidebar{width:100%;height:auto;padding:15px 16px;position:static}.brand{border:0;padding:0}.brand span,.sidebar-foot{display:none}.nav-list{margin:14px 0 0;display:flex;overflow-x:auto}.nav-list button{white-space:nowrap;width:auto;padding:9px 12px}.nav-list button.active:before,.nav-list em{display:none}.workspace{padding:22px 14px 35px}.topbar{align-items:flex-start}.topbar h1{font-size:25px}.top-actions{flex-direction:column-reverse}.metric-grid{grid-template-columns:1fr 1fr;gap:9px}.metric-card{min-height:124px;padding:15px;display:block}.metric-icon{margin-bottom:11px}.metric-card strong{font-size:18px}.panel{padding:18px}.filters{grid-template-columns:1fr 1fr;display:grid}.search{grid-column:span 2;width:100%}.modal-backdrop{align-items:end;padding:0}.modal,.modal.wide,.modal.extra-wide{border-radius:18px 18px 0 0;width:100%;max-height:92vh}.modal form{padding:23px 18px}.form-section.financial{margin:0 -18px;padding:18px}.form-grid,.form-grid.three{grid-template-columns:1fr}.span-2{grid-column:auto}}@media (max-width:470px){.metric-grid{grid-template-columns:1fr}.metric-card{min-height:0;display:flex}.top-actions .secondary{display:none}.orders-head{padding:17px 15px}.workspace{padding-left:10px;padding-right:10px}}.role-switch{background:#ffffff0b;border:1px solid #ffffff1a;border-radius:12px;margin-top:18px;padding:13px}.role-switch>p{color:#9db3a9;letter-spacing:.09em;margin:0 0 9px;font-size:9px;font-weight:800}.role-toggle{background:#04110c47;border-radius:9px;grid-template-columns:1fr 1fr;gap:5px;padding:4px;display:grid}.role-toggle button{color:#a9bbb3;background:0 0;border:0;border-radius:6px;padding:7px 4px;font-size:10px;font-weight:800}.role-toggle button.selected{color:#173b2b;background:#c4e7d2}.employee-picker{gap:5px;margin-top:10px;display:grid}.employee-picker span{color:#9db3a9;font-size:9px}.employee-picker select{color:#fff;background:#1b3a2d;border:1px solid #ffffff21;border-radius:7px;outline:0;width:100%;height:32px;padding:0 8px;font-size:10px}.role-switch>small{color:#7f988d;margin-top:9px;font-size:8px;line-height:1.5;display:block}.top-actions{align-items:center}.role-badge{border-radius:99px;align-items:center;height:31px;padding:0 10px;font-size:10px;font-weight:850;display:inline-flex}.role-badge.owner{color:#245c43;background:#ddf0e5}.role-badge.employee{color:#315e91;background:#e6effa}.access-banner{color:#52625a;background:#eef5f1;border:1px solid #dce6e1;border-radius:10px;align-items:center;gap:10px;margin:-10px 0 18px;padding:10px 13px;font-size:10px;display:flex}.access-banner strong{color:#205e43;flex:none;font-size:11px}.access-banner span{line-height:1.5}.employee-summary-list{grid-template-columns:1fr 1fr;gap:10px;display:grid}.employee-summary-list>div{background:#fafcfb;border:1px solid #e7ece9;border-radius:10px;min-height:76px;padding:14px}.employee-summary-list span,.employee-summary-list strong{display:block}.employee-summary-list span{color:#7b8781;margin-bottom:8px;font-size:10px}.employee-summary-list strong{font-size:16px}.employee-summary-list .highlight{background:#edf7f1;border-color:#cfe3d7}.employee-summary-list .highlight strong{color:#1f7755}.field input[readonly]{color:#255e45;cursor:not-allowed;background:#edf6f1;font-weight:800}@media (max-width:760px){.role-switch{grid-template-columns:145px minmax(130px,190px) 1fr;align-items:center;gap:9px;margin-top:13px;padding:8px;display:grid}.role-switch>p,.role-switch>small{display:none}.employee-picker{align-items:center;gap:7px;margin:0;display:flex}.employee-picker span{white-space:nowrap}.top-actions{align-items:stretch}.role-badge{justify-content:center}}.auth-shell{background:radial-gradient(circle at 78% 16%,#ffc46447,#0000 24%),linear-gradient(135deg,#fff4e6 0%,#f8dec7 48%,#ed9b51 100%);place-items:center;min-height:100vh;padding:28px;display:grid}.auth-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffaf4f0;border:1px solid #d96b1f47;border-radius:26px;width:min(470px,100%);padding:34px;box-shadow:0 30px 90px #65260933}.auth-loading{color:#5f2b11;justify-content:center;align-items:center;gap:14px;display:flex}.auth-brand{align-items:center;gap:13px;margin-bottom:32px;display:flex}.auth-brand>div:last-child{gap:2px;display:grid}.auth-brand strong{color:#4d210e;font-family:STSong,Songti SC,serif;font-size:21px}.auth-brand span{color:#96715a;font-size:12px}.auth-heading h1{color:#3f1b0b;margin:5px 0 8px;font-family:STSong,Songti SC,serif;font-size:36px}.auth-heading>span{color:#806a5a;font-size:13px}.auth-form{gap:15px;margin-top:25px;display:grid}.auth-form>label{gap:7px;display:grid}.auth-form>label>span{color:#684a38;font-size:13px;font-weight:800}.auth-form input{color:#321b10;background:#fffdf9;border:1px solid #dfc3ac;border-radius:12px;outline:0;width:100%;height:46px;padding:0 14px;font-size:14px}.auth-form input:focus{border-color:#e16d26;box-shadow:0 0 0 3px #e16d261f}.auth-form>.button{width:100%;height:46px;margin-top:4px}.auth-error,.auth-success{border-radius:11px;margin-top:16px;padding:11px 13px;font-size:12px;line-height:1.6}.auth-error{color:#9d3527;background:#fff0ec;border:1px solid #efc0b6}.auth-success{color:#7b3a0d;background:#fff3df;border:1px solid #efc27e}.auth-note{color:#9b806e;text-align:center;margin-top:20px;font-size:11px;line-height:1.65;display:block}.password-form{margin-top:0}.signed-in-card{gap:6px;display:grid}.signed-in-card>strong{color:#fff5dd;font-size:18px}.signed-in-card>span{color:#ffd8a5;font-size:12px}.signed-in-card small{color:#c9a991;margin-top:3px;line-height:1.5}.user-manager{min-width:0}.employee-create-form{background:#fff4e6;border:1px solid #ead2bd;border-radius:16px;margin:20px 0;padding:18px}.employee-create-form h3{color:#572e19;margin:0 0 15px;font-size:15px}.managed-user-list{gap:10px;max-height:330px;display:grid;overflow:auto}.managed-user-list article{background:#fffdf9;border:1px solid #ead6c5;border-radius:14px;grid-template-columns:minmax(0,1fr) auto;gap:12px;padding:14px;display:grid}.managed-user-list article.disabled{opacity:.58;background:#f4eee9}.managed-user-list article>div:first-child{gap:3px;display:grid}.managed-user-list strong{color:#4c2815;font-size:14px}.managed-user-list span,.managed-user-list small{color:#8a7060;font-size:12px}.managed-user-actions{align-items:center;gap:7px;display:flex}.managed-user-actions button{color:#72432a;background:#fff8f0;border:1px solid #dec3ad;border-radius:8px;padding:7px 9px;font-size:11px;font-weight:800}.managed-user-actions button.danger{color:#a33c2c;background:#fff1ed;border-color:#ecc0b6}.reset-password-row{border-top:1px solid #ead6c5;grid-column:1/-1;gap:8px;padding-top:11px;display:flex}.reset-password-row input{border:1px solid #dfc3ac;border-radius:9px;flex:1;min-width:0;padding:9px 11px}.reset-password-row .button{padding:9px 13px}@media (max-width:680px){.auth-card{padding:25px 20px}.managed-user-list article{grid-template-columns:1fr}.managed-user-actions{justify-content:flex-start}.reset-password-row{flex-direction:column}}@media (max-width:520px){.role-switch{grid-template-columns:1fr 1fr}.employee-picker{grid-column:span 2}.access-banner{flex-direction:column;align-items:flex-start;gap:4px}.employee-summary-list{grid-template-columns:1fr}}@media (min-width:1101px){.metric-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}.metric-card.purple .metric-icon{color:#6b4ba3;background:#f0eafb}.performance{color:#6b4ba3}.row-actions{flex-wrap:wrap;min-width:92px}.row-actions button.danger{color:#a43c35;background:#fff8f7;border-color:#edcbc8}.row-actions button.danger:hover{color:#fff;background:#ae4038;border-color:#ae4038}.formula-note{color:#756981;margin:-4px 0 13px;font-size:10px;line-height:1.6}.target-strip{background:linear-gradient(120deg,#fff 0%,#f7f3fb 100%);border:1px solid #ddd7e8;border-radius:14px;grid-template-columns:repeat(4,minmax(0,1fr)) auto;align-items:center;gap:14px;margin-bottom:16px;padding:15px 17px;display:grid}.target-strip>div{border-right:1px solid #e7e1ee;min-width:0;padding-right:14px}.target-strip>div:nth-child(4){border-right:0}.target-strip span,.target-strip strong,.target-strip small{display:block}.target-strip span{color:#766d7d;margin-bottom:6px;font-size:9px;font-weight:750}.target-strip strong{font-size:17px}.target-strip small{color:#948b9b;white-space:nowrap;margin-top:5px;font-size:8px}.recharge-panel{border:1px solid var(--line);background:#fff;border-radius:14px;overflow:hidden}.recharge-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-end;gap:18px;padding:20px 22px 17px;display:flex}.recharge-head h2{margin:0;font-size:18px}.recharge-head h2 span{color:#8b9691;margin-left:6px;font-size:11px}.recharge-list{gap:13px;padding:16px;display:grid}.recharge-card{background:#fcfdfc;border:1px solid #e1e7e4;border-radius:12px;overflow:hidden}.recharge-card-head{border-bottom:1px solid #e9edeb;justify-content:space-between;align-items:center;gap:18px;padding:16px 18px;display:flex}.recharge-card-head p{color:#78847e;margin:0 0 5px;font-size:9px}.recharge-card-head h3{margin:0;font-size:16px}.recharge-card-head>div>span{color:#929c97;margin-top:5px;font-size:9px;display:block}.recharge-amount{text-align:right}.recharge-amount span,.recharge-amount strong{display:block}.recharge-amount span{color:#87928c;font-size:9px}.recharge-amount strong{color:#1e704e;margin-top:5px;font-size:20px}.recharge-amount button,.consumption-actions button{color:#a14a43;background:0 0;border:0;margin-top:6px;font-size:8px;font-weight:750}.recharge-stats{background:#f4f8f6;grid-template-columns:repeat(3,minmax(0,1fr)) auto;align-items:center;gap:12px;padding:12px 18px;display:grid}.recharge-stats span,.recharge-stats strong{display:block}.recharge-stats span{color:#829088;margin-bottom:4px;font-size:9px}.recharge-stats strong{font-size:13px}.consumption-list{padding:5px 18px 10px}.consumption-row{border-bottom:1px solid #edf0ee;grid-template-columns:auto 1fr auto;align-items:center;gap:11px;padding:10px 0;display:grid}.consumption-row:last-child{border-bottom:0}.consumption-row strong,.consumption-row small{display:block}.consumption-row strong{font-size:11px}.consumption-row small{color:#8b9691;margin-top:4px;font-size:9px}.consumption-row>b{font-size:12px}.consumption-empty{text-align:center;color:#939d98;padding:19px 0;font-size:10px}.consumption-actions{text-align:right;flex-direction:column;align-items:flex-end;display:flex}.consumption-actions b{font-size:12px;display:block}.consumption-actions button.edit-action{color:#48665a}.consumption-actions button.deliver-action{color:#247a55;background:#e8f3ec;border-radius:6px;padding:5px 8px}.recharge-empty{text-align:center;background:#fafcfb;border:1px dashed #d6dfda;border-radius:12px;margin:25px;padding:35px}.recharge-empty strong,.recharge-empty span{display:block}.recharge-empty strong{font-size:15px}.recharge-empty span{color:#7f8c85;max-width:520px;margin:9px auto 0;font-size:10px;line-height:1.7}.intent-deposit-panel{border:1px solid var(--line);background:#fff;border-radius:14px;overflow:hidden}.intent-deposit-panel .recharge-head h2 span{color:#8b9691;margin-left:6px;font-size:12px}.intent-deposit-stats{background:#f5faf7;border-bottom:1px solid #e8ecea;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:16px 20px;display:grid}.intent-deposit-stats>div{background:#fff;border:1px solid #dce8e1;border-radius:11px;padding:16px}.intent-deposit-stats span,.intent-deposit-stats strong,.intent-deposit-stats small{display:block}.intent-deposit-stats span{color:#607069;margin-bottom:8px;font-size:13px;font-weight:750}.intent-deposit-stats strong{color:#1d6e4c;letter-spacing:-.03em;font-size:22px}.intent-deposit-stats small{color:#89958f;margin-top:7px;font-size:12px}.intent-deposit-list{padding:5px 20px 14px;display:grid}.intent-deposit-row{border-bottom:1px solid #edf0ee;grid-template-columns:110px minmax(180px,1fr) minmax(145px,auto) auto;align-items:center;gap:16px;padding:15px 0;display:grid}.intent-deposit-row:last-child{border-bottom:0}.intent-deposit-row.refunded{opacity:.7}.intent-deposit-customer strong,.intent-deposit-customer small,.intent-deposit-amount strong,.intent-deposit-amount small{display:block}.intent-deposit-customer strong{margin-bottom:5px;font-size:14px}.intent-deposit-customer small,.intent-deposit-amount small{color:#829088;margin-top:4px;font-size:12px;line-height:1.45}.intent-deposit-amount{text-align:right}.intent-deposit-amount strong{color:#1e704e;font-size:17px}.status.refunded{color:#69756f;background:#edf0ee}.intent-deposit-actions{justify-items:stretch;gap:5px;min-width:84px;display:grid}.intent-deposit-actions .refund{color:#8b561d;box-shadow:none;background:#fff8ec;border-color:#e5c89e;padding:8px 11px;font-size:12px}.intent-deposit-actions .refund:hover{color:#fff;background:#ad6d27;border-color:#ad6d27}.intent-deposit-actions .delete-link{color:#a14a43;background:0 0;border:0;font-size:12px}@media (max-width:1100px){.target-strip{grid-template-columns:repeat(2,1fr)}.target-strip>div{border-right:0}.target-strip>button{justify-self:start}}@media (max-width:760px){.target-strip{grid-template-columns:1fr 1fr;gap:10px}.recharge-head{flex-direction:column;align-items:flex-start}.recharge-stats{grid-template-columns:1fr 1fr}.recharge-card-head{align-items:flex-start}.intent-deposit-stats{grid-template-columns:1fr}.intent-deposit-row{grid-template-columns:1fr auto;gap:10px}.intent-deposit-row>.status{justify-self:start}.intent-deposit-customer{grid-area:2/1/auto/-1}.intent-deposit-amount{text-align:left;grid-area:3/1}.intent-deposit-actions{grid-area:3/2}}@media (max-width:470px){.target-strip,.recharge-stats{grid-template-columns:1fr}.recharge-card-head{flex-direction:column}.recharge-amount{text-align:left}}:root{--ink:#2a160e;--muted:#806d61;--line:#ead7c7;--paper:#f7efe6;--white:#fffaf4;--green:#a84112;--green-soft:#fff0dc;--amber:#dc5d0b;--amber-soft:#fff0d7;--blue:#855019;--blue-soft:#faead3;--poster-orange:#ee650d;--poster-deep:#25120b;--poster-gold:#f4c46d;--poster-cream:#fff7e9}html,body{background:var(--paper)}body{color:var(--ink);background:radial-gradient(circle at 82% 2%,#f48b311f,#0000 24%),linear-gradient(#fbf4ec 0%,#f5ecdf 100%);font-size:14px}.sidebar{background:radial-gradient(circle at 20% 9%,#ef650d57,#0000 22%),linear-gradient(165deg,#30150b 0%,#180e0a 58%,#100a08 100%);border-right:1px solid #f4c46d47;overflow:hidden;box-shadow:10px 0 35px #3717091f}.sidebar:after{content:"✦";color:#ffd99473;text-shadow:-150px 230px #ffd9942b,-82px 520px #ffd99433;pointer-events:none;font-size:20px;position:absolute;top:118px;right:22px}.brand{border-bottom-color:#f4c46d38}.brand-mark{color:#3b1a0c;background:linear-gradient(145deg,#ffe1a1,#e79a34);border:1px solid #ffe6b0;font-family:STSong,Songti SC,serif;box-shadow:0 8px 24px #ea6d1440}.brand strong{color:#fff8eb;letter-spacing:.1em;font-family:STSong,Songti SC,serif;font-size:18px}.brand span,.sidebar-foot span,.role-switch>p,.employee-picker span{color:#c9a98d}.role-switch{background:#fff4de0f;border-color:#f4c46d38}.role-toggle{background:#00000047}.role-toggle button{color:#d4b59a;font-size:12px}.role-toggle button.selected{color:#32180d;background:linear-gradient(135deg,#ffd98d,#eb9d3e);box-shadow:0 4px 14px #ef650d2e}.employee-picker select{background:#2c170f;border-color:#f4c46d42}.nav-list button{color:#d2bba7;font-size:14px}.nav-list button:hover,.nav-list button.active{color:#fff9ee;background:linear-gradient(90deg,#ef650d52,#f4c46d14)}.nav-list button.active:before{background:linear-gradient(#ffe1a0,#f1781e);box-shadow:0 0 13px #ffb95b99}.nav-list em{color:#3b1b0d;background:linear-gradient(135deg,#ffe0a0,#e69831)}.sidebar-foot{border-top-color:#f4c46d33}.sidebar-foot .avatar{color:#3a1b0d;background:linear-gradient(145deg,#f9ce7f,#d98127)}.workspace{background:radial-gradient(circle at 94% 0,#ee650d14,#0000 25%);position:relative}.eyebrow{color:#bd5a1b;letter-spacing:.16em;font-size:12px}.topbar h1{color:#31180e;letter-spacing:.02em;font-family:STSong,Songti SC,Microsoft YaHei UI,serif;font-size:38px;font-weight:800}.button{border-radius:999px;min-height:39px;padding:10px 18px;font-size:14px}.button.primary{color:#fff9ec;background:linear-gradient(135deg,#f47a1e 0%,#c74608 100%);border-color:#dc570e;box-shadow:0 10px 24px #c7460838}.button.primary:hover{background:linear-gradient(135deg,#ff8a2c,#d6510b)}.button.secondary{color:#63351d;background:#fffaf3;border-color:#e2c4aa}.button.secondary:hover{color:#a84410;background:#fff5e7;border-color:#dc8a50}.role-badge{border:1px solid #efc98c;height:35px;font-size:12px}.role-badge.owner,.role-badge.employee{color:#8f3c12;background:#fff0d6}.access-banner{color:#765d4c;background:#fff7ec;border-color:#ead2b7;font-size:12px}.access-banner strong{color:#aa4513;font-size:13px}.daily-quote{color:#fff8e9;background:radial-gradient(circle at 86% 18%,#ffe1a147,#0000 22%),linear-gradient(115deg,#f27a18 0%,#d95008 55%,#7c2608 100%);border:1px solid #f3a047;border-radius:18px;margin:0 0 18px;padding:22px 28px;position:relative;overflow:hidden;box-shadow:0 16px 36px #b0400833}.daily-quote:after{content:"✦";color:#ffe2a6;text-shadow:45px 60px #ffe2a66b;font-size:30px;position:absolute;top:17px;right:7%}.quote-kicker{z-index:1;color:#ffe2ad;letter-spacing:.13em;font-family:Georgia,STSong,serif;font-size:12px;position:relative}.quote-kicker span{margin-right:8px}.daily-quote blockquote{z-index:1;letter-spacing:.05em;margin:10px 0 8px;font-family:STSong,Songti SC,serif;font-size:23px;font-weight:800;line-height:1.45;position:relative}.daily-quote small{z-index:1;color:#ffe3b8;font-size:12px;position:relative}.metric-card,.panel,.orders-panel,.recharge-panel,.intent-deposit-panel{background:#fffbf6f0;border-color:#ead3bf;box-shadow:0 10px 28px #53250d0f}.metric-card{border-radius:16px;position:relative;overflow:hidden}.metric-card:before{content:"";background:linear-gradient(90deg,#ef6d16,#f4c46d,#0000 80%);width:100%;height:3px;position:absolute;top:0;left:0}.metric-card p{color:#7e6656;font-size:13px}.metric-card strong{color:#2c160d;font-family:Georgia,STSong,serif;font-size:24px}.metric-card span{color:#907b6c;font-size:12px}.metric-icon,.metric-card.green .metric-icon,.metric-card.amber .metric-icon,.metric-card.blue .metric-icon,.metric-card.purple .metric-icon{color:#9c3d10;background:linear-gradient(145deg,#ffe4b4,#f6bd6e);border:1px solid #f2c77f}.metric-card.dark{color:#fff7e8;background:radial-gradient(circle at 90% 5%,#ef650d66,#0000 30%),linear-gradient(145deg,#33170c,#160c08);border-color:#4f2715}.metric-card.dark strong{color:#fff8e9}.metric-card.dark p,.metric-card.dark span{color:#d8bfa9}.metric-card.dark .metric-icon{color:#3c1b0b;background:linear-gradient(145deg,#ffe3a2,#e99d36)}.panel,.orders-panel,.recharge-panel,.intent-deposit-panel{border-radius:16px}.panel-head h2,.orders-head h2,.recharge-head h2{font-family:STSong,Songti SC,serif;font-size:20px}.panel-head>span,.panel-head button{font-size:12px}.panel-head button{color:#b84912}.rank-meta b{color:#d45d16;font-size:12px}.rank-meta strong,.rank-meta span{font-size:13px}.rank-track{background:#f5e5d5;height:8px}.rank-track i{background:linear-gradient(90deg,#d94e08,#f28b32,#f2c56c)}.todo-list button{border-bottom-color:#efe0d3}.todo-list strong{font-size:13px}.todo-list small{color:#8c7768;font-size:12px}.todo-icon.receivable,.todo-icon.payable{color:#9c3d10;background:#ffe9c7}.target-strip{background:linear-gradient(120deg,#fffaf3 0%,#fff0dc 100%);border-color:#e8c79f;box-shadow:0 9px 24px #5b2b110d}.target-strip>div{border-right-color:#ecd7bd}.target-strip span{color:#806654;font-size:12px}.target-strip strong{color:#3a1d0f;font-size:19px}.target-strip small{color:#927b6b;font-size:12px}.orders-head,.recharge-head{background:linear-gradient(90deg,#fffaf4,#fff2e3);border-bottom-color:#ead8c8}.orders-head h2 span{color:#9b491c;background:#fbe3c8}.filters select,.search{color:#5e4638;background:#fffaf4;border-color:#e3cbb7;font-size:12px}.search input{font-size:12px}table{background:#fffaf5}th{color:#805a42;letter-spacing:.05em;background:#f7e5d4;border-bottom-color:#e4c7ae;font-size:12px}td{color:#3b281f;border-bottom-color:#efe0d4;font-size:13px}tbody tr:hover{background:#fff3e3}td strong{font-size:13px}td small{color:#8b7769;font-size:12px;line-height:1.45}.order-no,.performance,.profit,.ok{color:#ba4910}.warn{color:#c67719}.loss,.refund-text{color:#b43e2f!important}.status{padding:6px 10px;font-size:12px}.status.done{color:#8a3b13;background:#ffe6c2}.status.receiving{color:#9d570e;background:#fff0d3}.status.settling{color:#6f4b2b;background:#f3e4d5}.row-actions{min-width:126px}.row-actions button{color:#654836;background:#fffaf5;border-color:#e4cbb7;font-size:12px}.row-actions button:hover{color:#b74610;border-color:#dc925e}.row-actions button.recharge-settle{color:#9b3d0b;background:#fff0d8;border-color:#efb56a}.row-actions button.recharge-settle:hover{color:#fff7e8;background:#d95b12;border-color:#d95b12}.row-actions button:disabled,.row-actions button:disabled:hover{opacity:.46;cursor:not-allowed;color:#8f8076;background:#f5f0eb;border-color:#e4d9d0}.recharge-sync-text{font-weight:800;color:#b64b10!important}.sync-tag{color:#8b350b;white-space:nowrap;background:#fff0d9;border:1px solid #edb36c;border-radius:999px;align-items:center;padding:5px 9px;font-size:11px;font-weight:800;display:inline-flex}.sync-order-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:20px 0;display:grid}.sync-order-summary>div{background:linear-gradient(145deg,#fffaf4,#fff0df);border:1px solid #edc69d;border-radius:14px;min-width:0;padding:14px}.sync-order-summary span{color:#98735c;margin-bottom:7px;font-size:12px;font-weight:700;display:block}.sync-order-summary strong{color:#4d210d;overflow-wrap:anywhere;font-size:15px;line-height:1.45;display:block}.sync-notice,.sync-unavailable{border-radius:12px;margin-top:12px;padding:13px 15px;font-size:12px;line-height:1.65}.sync-notice{color:#71300d;background:#fff3df;border:1px solid #efbd7d}.sync-unavailable{color:#8d3b20;background:#fff1eb;border:1px solid #e7b3a0}@media (max-width:680px){.sync-order-summary{grid-template-columns:1fr}}.modal-backdrop{background:#220f08b3}.modal{color:#321b10;background:#fffaf3;border:1px solid #f4c46d73;box-shadow:0 30px 90px #1c0a036b}.modal-close{color:#8d512d;background:#f8e5d4}.modal-title h2{font-family:STSong,Songti SC,serif;font-size:26px}.modal-title>span{color:#806d60;font-size:12px;line-height:1.6}.form-section{border-top-color:#ead9ca}.form-section h3{color:#572e19;font-size:14px}.form-section.financial{background:#fff1df}.form-section.cost{background:#f9ead8;border-top-color:#ebd1b8}.performance-section{background:#fff5e7!important;border-top-color:#ebd0ad!important}.refund-section{background:#fff0ec;border-top-color:#efc9be;margin:0 -28px;padding:18px 28px}.refund-section h3{color:#a63d2f}.formula-note{color:#7e6858;font-size:12px}.field>span{color:#685043;font-size:13px}.field input,.field select,.field textarea{color:#3c271c;background:#fffdf9;border-color:#dfc8b5;font-size:14px}.field input:focus,.field select:focus,.field textarea:focus{border-color:#e16d26;box-shadow:0 0 0 3px #e16d261f}.field input[readonly]{color:#8f3e16;background:#fff0da}.batch-table-wrap{background:#fffaf4;border-color:#dfc4aa}.batch-table{min-width:3420px}.batch-table th{color:#71452c;background:#f5dec7;font-size:12px}.batch-table input,.batch-table select{color:#3b271d;background:#fffdf9;border:1px solid #ddc3ad;border-radius:7px;outline:0;width:126px;height:38px;padding:7px 8px;font-size:12px}.batch-table input:focus,.batch-table select:focus{border-color:#df6a24;box-shadow:0 0 0 2px #df6a241f}.batch-table input[readonly]{color:#8d3c15;background:#fff0da}.batch-toolbar span{color:#806958;font-size:12px}.recharge-card{background:#fffaf5;border-color:#e7cfba}.recharge-card-head{border-bottom-color:#ecded2}.recharge-amount strong,.intent-deposit-amount strong{color:#b94711}.recharge-stats,.intent-deposit-stats{background:#fff1df}.consumption-row{border-bottom-color:#eee0d4}.consumption-row small,.recharge-card-head p,.recharge-card-head>div>span{color:#887568;font-size:12px}.consumption-actions button,.recharge-amount button{font-size:12px}.consumption-actions button.deliver-action{color:#9b3f12;background:#ffe6c4}.intent-deposit-stats>div,.employee-summary-list>div{background:#fffaf4;border-color:#ead4c0}.intent-deposit-stats span,.intent-deposit-stats small,.employee-summary-list span{color:#806d60;font-size:12px}.intent-deposit-stats strong,.employee-summary-list strong{color:#a94313}.toast{color:#fff8e9;background:linear-gradient(135deg,#db560c,#6f260b);font-size:13px;box-shadow:0 12px 34px #8b300847}@media (max-width:760px){.topbar h1{font-size:31px}.daily-quote{padding:18px 20px}.daily-quote blockquote{max-width:90%;font-size:19px}.sidebar{background:linear-gradient(110deg,#32160b,#170c08)}.refund-section{margin:0 -18px;padding:18px}}.metric-grid,.employee-metrics{align-items:stretch;gap:14px;grid-template-columns:repeat(3,minmax(0,1fr))!important}.metric-card{align-items:flex-start;min-width:0;min-height:128px;padding:18px}.metric-card>div:last-child{min-width:0}.metric-card strong,.target-strip strong,.employee-summary-list strong,.rank-meta span,.recharge-amount strong,.intent-deposit-amount strong{font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1;letter-spacing:-.02em;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-family:Microsoft YaHei UI,PingFang SC,Noto Sans CJK SC,Arial,sans-serif;font-weight:800}.metric-card strong{white-space:nowrap;font-size:25px;line-height:1.15}.metric-card span{line-height:1.55;display:block}.metric-card.count .metric-icon{color:#793006;background:linear-gradient(145deg,#ffd887,#e9932f)}.employee-summary-list{grid-template-columns:1fr 1fr}.achievement-celebration{z-index:100;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#230d047a;place-items:center;padding:24px;animation:.28s both celebration-fade;display:grid;position:fixed;inset:0;overflow:hidden}.confetti-field{pointer-events:none;position:absolute;inset:0;overflow:hidden}.confetti-piece{opacity:0;border-radius:3px;width:10px;height:20px;animation-name:confetti-fall;animation-timing-function:cubic-bezier(.18,.72,.28,1);animation-fill-mode:both;position:absolute;top:-10%}.confetti-piece:nth-child(2n){width:8px;height:14px;animation-name:confetti-fall-left}.confetti-piece:nth-child(3n){border-radius:50%;width:12px;height:12px}.celebration-cannon{z-index:2;filter:drop-shadow(0 12px 18px #41120247);font-size:clamp(54px,9vw,110px);animation:.65s cubic-bezier(.2,1.4,.4,1) both cannon-pop;position:absolute;bottom:7%}.celebration-cannon.left{left:6%;transform:rotate(-18deg)}.celebration-cannon.right{right:6%;transform:scaleX(-1)rotate(-18deg)}.celebration-card{z-index:3;text-align:center;color:#fff8ea;background:radial-gradient(circle at 50% 0,#ffd17047,#0000 34%),linear-gradient(150deg,#f47616 0%,#c43d06 55%,#411507 100%);border:1px solid #ffd58a;border-radius:24px;width:min(510px,100%);padding:34px 30px 28px;animation:.6s cubic-bezier(.18,1.25,.38,1) both celebration-card-in;position:relative;box-shadow:0 28px 90px #340d0273}.celebration-card:before,.celebration-card:after{content:"✦";color:#ffe0a1;font-size:24px;animation:1s ease-in-out infinite alternate sparkle;position:absolute;top:24px}.celebration-card:before{left:26px}.celebration-card:after{animation-delay:.35s;right:26px}.celebration-kicker{color:#ffe4ab;letter-spacing:.14em;font-size:13px;font-weight:800;display:block}.celebration-card strong{margin:15px 0 9px;font-family:STSong,Songti SC,Microsoft YaHei UI,serif;font-size:38px;line-height:1.2;display:block}.celebration-card p{color:#fff9ec;font-variant-numeric:tabular-nums;margin:0;font-size:21px;font-weight:800}.celebration-card small{color:#f9d8b4;margin-top:10px;font-size:13px;display:block}.celebration-card button{color:#662408;background:#ffe1a0;border:1px solid #fff9;border-radius:999px;margin-top:23px;padding:10px 24px;font-size:14px;font-weight:800;box-shadow:0 8px 24px #48140333}.celebration-card button:hover{background:#fff1c8}@keyframes celebration-fade{0%{opacity:0}}@keyframes celebration-card-in{0%{opacity:0;transform:translateY(28px)scale(.88)}to{opacity:1;transform:none}}@keyframes cannon-pop{0%{opacity:0;transform:translateY(45px)scale(.4)rotate(-25deg)}to{opacity:1}}@keyframes sparkle{0%{opacity:.45;transform:scale(.75)rotate(-10deg)}to{opacity:1;transform:scale(1.18)rotate(10deg)}}@keyframes confetti-fall{0%{opacity:0;transform:translateY(-10vh)rotate(0)}10%{opacity:1}to{opacity:.95;transform:translate(48px,115vh)rotate(780deg)}}@keyframes confetti-fall-left{0%{opacity:0;transform:translateY(-10vh)rotate(0)}10%{opacity:1}to{opacity:.9;transform:translate(-56px,115vh)rotate(-680deg)}}@media (max-width:680px){.metric-grid,.employee-metrics{grid-template-columns:repeat(2,minmax(0,1fr))!important}.celebration-cannon{font-size:54px;bottom:3%}.celebration-cannon.left{left:2%}.celebration-cannon.right{right:2%}.celebration-card{padding:30px 20px 24px}.celebration-card strong{font-size:30px}.celebration-card p{font-size:18px}}@media (max-width:500px){.metric-grid,.employee-metrics{grid-template-columns:1fr!important}.metric-card{min-height:0;display:flex}}@media (prefers-reduced-motion:reduce){.confetti-piece,.celebration-cannon,.celebration-card,.achievement-celebration,.celebration-card:before,.celebration-card:after{animation:none!important}.confetti-piece{display:none}}.metric-card,.metric-card.dark{color:#fff8e9;background:radial-gradient(circle at 88% 12%,#ffde9a38,#0000 24%),linear-gradient(125deg,#f47714 0%,#d84c08 54%,#6f2309 100%);border:1px solid #f0a34c;border-radius:20px;grid-template-columns:50px minmax(0,1fr);align-content:start;align-items:start;gap:17px;min-height:150px;padding:22px;transition:transform .2s,box-shadow .2s;display:grid;position:relative;overflow:hidden;box-shadow:0 14px 32px #9d360829}.metric-card:hover{transform:translateY(-2px);box-shadow:0 18px 38px #9d360838}.metric-card:before{display:none}.metric-card:after{content:"✦";color:#ffe4ac61;pointer-events:none;font-size:20px;position:absolute;top:13px;right:17px}.metric-card .metric-icon,.metric-card.green .metric-icon,.metric-card.amber .metric-icon,.metric-card.blue .metric-icon,.metric-card.purple .metric-icon,.metric-card.count .metric-icon,.metric-card.dark .metric-icon{color:#6d2708;background:linear-gradient(145deg,#ffe19d,#efaa3e);border:1px solid #ffe7ae;border-radius:14px;flex:0 0 50px;width:50px;height:50px;font-size:17px;box-shadow:0 7px 18px #5b1d042e}.metric-card>div:last-child{min-width:0;padding-top:2px}.metric-card p,.metric-card.dark p{color:#ffe8c1;margin:0 28px 8px 0;font-size:14px;font-weight:800;line-height:1.4}.metric-card strong,.metric-card.dark strong{color:#fffaf0;text-shadow:0 2px 12px #3e12022e;margin:0 0 12px;font-size:27px;line-height:1.1}.metric-card span,.metric-card.dark span{color:#f8d7b6;overflow-wrap:break-word;word-break:normal;max-width:100%;font-size:12px;line-height:1.55}@media (max-width:760px){.metric-card,.metric-card.dark{grid-template-columns:46px minmax(0,1fr);gap:14px;min-height:140px;padding:18px}.metric-card .metric-icon,.metric-card.green .metric-icon,.metric-card.amber .metric-icon,.metric-card.blue .metric-icon,.metric-card.purple .metric-icon,.metric-card.count .metric-icon,.metric-card.dark .metric-icon{width:46px;height:46px}.metric-card strong,.metric-card.dark strong{font-size:23px}}