:root {
  --lotus-primary-50:#fffaf0;--lotus-primary-100:#fff2c4;--lotus-primary-200:#ffe799;--lotus-primary-300:#ffdf73;
  --lotus-primary-400:#ffda55;--lotus-primary-500:#ffd338;--lotus-primary-600:#ffce2f;--lotus-primary-700:#d3a719;--lotus-primary-800:#916e08;--lotus-primary-900:#624d09;
  --lotus-primary:var(--lotus-primary-600);--lotus-primary-hover:var(--lotus-primary-700);--lotus-primary-active:var(--lotus-primary-800);--lotus-primary-subtle:var(--lotus-primary-50);
  --lotus-primary-text:#765900;--lotus-on-primary:#272114;--lotus-focus:0 0 0 3px #ffd33855;
  --primary:44 100% 59%;--primary-foreground:36 24% 14%;
}
:root.dark{--lotus-primary:#ffd94f;--lotus-primary-hover:#ffe681;--lotus-primary-active:#fff1b1;--lotus-primary-subtle:#3d341c;--lotus-primary-text:#ffe681;--lotus-on-primary:#242015}
* {box-sizing:border-box}
[hidden]{display:none!important}
body {margin:0;background:var(--lotus-page);color:var(--lotus-text);font-family:var(--lotus-font);font-size:14px}
a {color:inherit;text-decoration:none}
button,input {font:inherit}
button,a { -webkit-tap-highlight-color:transparent}
button{cursor:pointer}
button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #c99b00;outline-offset:3px}
.loading-screen{height:100dvh;display:grid;align-content:center;justify-items:center;gap:5px;color:var(--lotus-muted)}
.loading-mark{background:#ffcf32;border-radius:16px;color:#352900;display:grid;place-items:center;font-size:26px;letter-spacing:-2px;font-weight:850;width:82px;height:82px}
.lotus-login{min-height:100dvh;display:grid;place-items:center;padding:34px 18px;background:radial-gradient(ellipse at 6% 0,#ffedb844,transparent 45%),radial-gradient(ellipse at 96% 100%,#ffe08533,transparent 46%),var(--lotus-neutral-25)}
.lotus-login-card{position:relative;width:min(100%,468px);padding:27px 40px 30px;background:var(--lotus-surface);border:1px solid var(--lotus-border);border-radius:24px;box-shadow:0 20px 74px #171b2210}
.lotus-login-card:before{content:"";position:absolute;top:0;left:calc(50% - 25px);height:4px;width:50px;background:#ffce2f;border-radius:0 0 4px 4px}
.login-brand{display:grid;place-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid var(--lotus-border)}
.login-brand img{display:block;width:158px;height:auto;max-height:162px;object-fit:contain}
.eyebrow{font-size:11px;font-weight:750;color:#997711;letter-spacing:.11em}
.lotus-login-card h1{font-size:27px;line-height:1.2;letter-spacing:-.7px;margin:12px 0 7px;color:var(--lotus-text-strong)}
.login-lead{font-size:13px;line-height:1.55;color:var(--lotus-muted);margin:0 0 21px}
.lotus-login-card label{display:block;font-weight:620;font-size:12px;margin:13px 0 7px}
.lotus-login-card input{width:100%;height:48px;background:var(--lotus-neutral-25);color:var(--lotus-text);border:1px solid var(--lotus-border);border-radius:9px;padding:0 14px;outline:0}
.lotus-login-card input:focus{border-color:#d3a719;box-shadow:var(--lotus-focus);background:var(--lotus-surface)}
.password-wrap{position:relative}
.password-wrap input{padding-right:62px}
.password-wrap button{position:absolute;right:6px;top:6px;padding:8px;border:0;background:transparent;color:var(--lotus-muted);font-size:12px}
.primary-button{background:#ffce2f;border:1px solid #d7af29;color:#262113;width:100%;height:49px;border-radius:10px;font-weight:720;margin-top:21px;transition:background .12s}
.primary-button:hover{background:#f1be20}
.primary-button:disabled{opacity:.6;cursor:wait}
.login-error{color:#b42318;background:#fef1ef;border-radius:8px;padding:10px 12px;margin-top:14px;font-size:12px}
.login-footer{text-align:center;font-size:10px;color:var(--lotus-muted);margin-top:27px}.login-footer span{margin:0 6px}
.app-shell{min-height:100dvh;display:grid;grid-template-columns:244px minmax(0,1fr)}
.sidebar{background:var(--lotus-sidebar);border-right:1px solid var(--lotus-border);display:flex;flex-direction:column;min-height:100dvh;position:sticky;top:0;height:100dvh;overflow-y:auto;z-index:20}
.brand{display:flex;align-items:center;gap:12px;padding:18px 15px 18px;border-bottom:1px solid var(--lotus-border);min-height:91px}
.brand img{width:54px;height:55px;object-fit:contain;flex:none;border-radius:8px;background:#fff}
.brand strong{display:block;font-size:14px;letter-spacing:.02em;color:var(--lotus-text-strong);white-space:nowrap}
.brand small{display:block;margin-top:5px;color:var(--lotus-muted);font-size:11px}
.sidebar-label{padding:21px 19px 8px;color:var(--lotus-subtle);font-size:10px;font-weight:750;letter-spacing:.11em}
.sidebar nav{padding:0 9px}
.nav-group{margin-bottom:13px}
.nav-group-title{padding:8px 12px 5px;color:var(--lotus-muted);font-size:11px;font-weight:720}
.nav-link{display:flex;align-items:center;gap:11px;padding:10px 13px;min-height:40px;border-radius:8px;font-size:12px;font-weight:560;color:var(--lotus-text-secondary);transition:background .15s}
.nav-link:hover,.nav-link:focus{background:var(--lotus-hover)}
.nav-link.active{color:#624d09;background:#fff3c9}
.nav-icon{display:grid;place-items:center;width:20px;height:20px;font-size:18px;color:var(--lotus-muted)}
.sidebar-bottom{margin-top:auto;padding:17px;border-top:1px solid var(--lotus-border)}
.support-tag{font-size:11px;color:var(--lotus-subtle);margin-bottom:13px}
.support-tag span{padding:0 5px}
.erp-link{font-size:12px;font-weight:650;color:var(--lotus-text-secondary)}
.main-column{min-width:0}
.workspace-bar{position:sticky;top:0;z-index:15;display:grid;grid-template-columns:minmax(200px,1fr) minmax(170px,310px) minmax(200px,1fr);align-items:center;gap:10px;min-height:65px;padding:9px 20px;background:#ffce2f;color:#30260d;border-bottom:1px solid #eac02e;box-shadow:0 1px 6px #0000000d}
.workspace-left,.workspace-right{display:flex;align-items:center;gap:9px;min-width:0}.workspace-right{justify-content:flex-end}
.workspace-title{font-size:13px;font-weight:750;white-space:nowrap}.bar-subtitle{font-size:11px;color:#684d09;white-space:nowrap}
.icon-btn,.home-btn{border:0;background:transparent;border-radius:8px;width:35px;height:35px;display:grid;place-items:center;color:#372b0d;font-size:19px}
.icon-btn:hover,.home-btn:hover{background:#ffffff40}
.search-button{background:#fff;border:1px solid #fff4c9;color:#63636c;min-width:0;height:37px;border-radius:9px;padding:0 11px;display:flex;gap:8px;align-items:center;text-align:left;font-size:12px}
.search-button span{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.search-button kbd{font-size:10px;color:#737782;background:#f5f5f6;border:1px solid #e2e2e4;border-radius:4px;padding:3px 5px}
.user-avatar{display:grid;place-items:center;width:31px;height:31px;border-radius:50%;background:#fff9de;color:#665002;font-size:12px;font-weight:800}
.user-label{font-size:12px;font-weight:600;max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.logout-btn{height:33px;border:1px solid #b58f1a99;background:#fff5cb55;color:#42310a;padding:0 10px;border-radius:8px;font-size:12px}
.page-body{max-width:1510px;margin:auto;padding:27px 29px 42px}
.intro{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:22px}
.intro h1{font-size:24px;margin:8px 0 6px;letter-spacing:-.5px;font-weight:750}
.intro p{margin:0;color:var(--lotus-muted);font-size:13px}
.outline-button{background:var(--lotus-surface);border:1px solid var(--lotus-border);border-radius:8px;padding:10px 13px;font-size:12px;font-weight:650;white-space:nowrap}
.outline-button:hover{border-color:#c9a225}
.card-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}
.stat-card{border:1px solid var(--lotus-border);background:var(--lotus-surface);border-radius:12px;box-shadow:var(--lotus-shadow-sm);padding:19px 20px;display:flex;flex-direction:column;min-width:0;gap:9px}
.stat-card:hover{border-color:#d8b640;box-shadow:var(--lotus-shadow-md)}
.stat-icon{font-size:24px;color:#ae8611;height:28px}
.stat-title{font-size:12px;color:var(--lotus-text-secondary);font-weight:640}
.stat-card strong{font-size:29px;font-weight:750;letter-spacing:-.5px;font-variant-numeric:tabular-nums}
.stat-help{font-size:11px;color:var(--lotus-muted)}
.page-columns{display:grid;grid-template-columns:1.35fr 1fr;gap:18px;margin-bottom:18px}
.panel{border-radius:12px;border:1px solid var(--lotus-border);background:var(--lotus-surface);box-shadow:var(--lotus-shadow-sm);min-width:0;padding:21px}
.panel-title{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:17px;gap:12px}
.panel-title h2{margin:0;font-size:16px;letter-spacing:-.2px}.panel-title p{margin:6px 0 0;font-size:12px;color:var(--lotus-muted)}
.quick-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.quick-link{display:flex;align-items:center;gap:11px;padding:15px 13px;border-radius:9px;border:1px solid var(--lotus-border);font-size:12px;font-weight:630;min-width:0}
.quick-link:hover,.report-link:hover{background:var(--lotus-primary-50);border-color:#e8cc6a}
.quick-link .quick-icon{display:grid;place-items:center;border-radius:9px;width:35px;height:35px;background:#fff5cf;color:#876900;font-size:19px;flex:none}
.report-links{display:grid;gap:8px}
.report-link{display:flex;justify-content:space-between;align-items:center;padding:11px 13px;border:1px solid var(--lotus-border);border-radius:8px;font-size:12px}
.report-link span:last-child{color:var(--lotus-muted);font-size:14px}
.text-link{font-size:12px;color:#967306}
.recent-panel{padding-bottom:8px}
.recent-table{width:100%;border-collapse:collapse;text-align:left;font-size:12px}
.recent-table th{padding:10px;color:var(--lotus-muted);font-weight:600;background:var(--lotus-soft);border-bottom:1px solid var(--lotus-border)}
.recent-table td{padding:13px 10px;border-bottom:1px solid var(--lotus-border)}
.recent-table a{font-weight:650;color:var(--lotus-text)}
.table-scroll{overflow-x:auto}
.status-pill{display:inline-block;padding:4px 7px;border-radius:5px;background:var(--lotus-neutral-100);color:var(--lotus-text-secondary)}
.status-pill.submitted{background:#e8f6ec;color:#1c7c4c}
.empty-message{padding:24px 12px;margin:0;text-align:center;color:var(--lotus-muted);font-size:12px}
.footnote{margin:20px 2px;color:var(--lotus-muted);font-size:11px;line-height:1.55}
.search-dialog{width:min(94vw,560px);max-height:73dvh;overflow:hidden;border:1px solid var(--lotus-border);border-radius:14px;padding:0;background:var(--lotus-surface);color:var(--lotus-text);box-shadow:0 30px 70px #0003}
.search-dialog::backdrop{background:#1723317c}
.search-modal-top{display:flex;gap:10px;padding:15px;border-bottom:1px solid var(--lotus-border)}
.search-modal-top input{flex:1;width:100%;min-width:0;border:0;outline:none;background:transparent;color:var(--lotus-text);font-size:14px}
.search-modal-top button{border:1px solid var(--lotus-border);background:var(--lotus-soft);padding:5px 9px;color:var(--lotus-muted);border-radius:5px}
.search-results{padding:9px;overflow-y:auto;max-height:55dvh}
.search-result{display:block;padding:10px 12px;border-radius:8px;font-size:13px}
.search-result:hover,.search-result:focus{background:var(--lotus-primary-50);color:var(--lotus-text)}
.dialog-footer{font-size:11px;color:var(--lotus-muted);padding:9px 14px;border-top:1px solid var(--lotus-border)}
@media(max-width:1200px){.workspace-bar{grid-template-columns:minmax(175px,1fr) minmax(140px,220px) minmax(110px,1fr)}.bar-subtitle,.user-label{display:none}.card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:820px){.app-shell{display:block}.sidebar{position:fixed;width:265px;transform:translateX(-105%);transition:transform .2s;box-shadow:0 15px 60px #0002}.app-shell.menu-open .sidebar{transform:translateX(0)}.main-column{width:100%}.workspace-bar{grid-template-columns:1fr auto;min-height:58px;padding:8px 11px}.search-button{display:none}.workspace-left{min-width:0}.page-body{padding:19px 16px 28px}.page-columns{grid-template-columns:1fr}.intro{align-items:flex-start}.intro .outline-button{display:none}}
@media(max-width:550px){.card-grid{gap:10px}.stat-card{padding:14px}.stat-card strong{font-size:25px}.stat-icon{font-size:19px}.stat-title{line-height:1.4}.quick-grid{grid-template-columns:1fr}.panel{padding:15px}.lotus-login-card{padding:28px 23px}.workspace-title{font-size:12px}.page-body h1{font-size:21px}.logout-btn{padding:0 8px}.user-avatar{display:none}}
.list-workspace{margin-bottom:20px;padding:0;overflow:hidden}
.list-toolbar{display:flex;align-items:center;justify-content:space-between;padding:21px 22px 15px;gap:14px}
.list-heading h2{font-size:21px;margin:7px 0 5px}
.list-heading p{margin:0;color:var(--lotus-muted);font-size:12px}
.list-toolbar-right{display:flex;gap:10px;align-items:center}
.list-filters{padding:15px 21px;display:flex;gap:9px;align-items:center;border-top:1px solid var(--lotus-border);border-bottom:1px solid var(--lotus-border);background:var(--lotus-soft)}
.list-filters input{max-width:390px;width:100%;height:37px;border:1px solid var(--lotus-border);border-radius:8px;background:var(--lotus-surface);color:var(--lotus-text);padding:0 12px;font-size:12px}
.list-filters button{height:37px;padding:0 12px}
.list-workspace .recent-table{font-size:12px}
.list-workspace .recent-table th{white-space:nowrap;padding:12px 17px}
.list-workspace .recent-table td{padding:13px 17px;white-space:nowrap}
.list-footer{display:flex;align-items:center;gap:13px;justify-content:flex-end;padding:14px 21px;border-top:1px solid var(--lotus-border);font-size:12px;color:var(--lotus-muted)}
.list-footer button{padding:7px 10px}
.list-footer button:disabled{opacity:.45;cursor:default}
@media(max-width:550px){.list-toolbar{padding:17px 14px;flex-wrap:wrap}.list-filters{padding:13px;flex-wrap:wrap}.list-filters input{max-width:none}.list-footer{padding:12px}.list-workspace .recent-table td,.list-workspace .recent-table th{padding:11px 12px}}