:root{--primary:#00c1a0;--primary-foreground:#fff;--secondary:#f0f4ff;--muted:#f8faff;--muted-foreground:#64748b;--body-light:#8a9099;--border:#dbdbdb;--background:#fff;--foreground:#000;--destructive:#de5a5a;--success:#00b94a;--radius:.5rem;color:var(--foreground);background:var(--muted);font-family:"Exo 2",sans-serif}*{box-sizing:border-box}html,body,#root{background:var(--muted);min-height:100%;margin:0;font-family:"Exo 2",sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font-family:inherit}.app-shell{background:var(--muted);grid-template-rows:4em auto;min-height:100vh;display:grid}.app-header{z-index:30;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fff9;border-bottom:1px solid #dbdbdb80;justify-content:space-between;align-items:stretch;height:4em;display:flex;position:sticky;top:0;box-shadow:0 10px 30px #0000000f}.app-header-logo{align-items:center;gap:.5rem;height:100%;padding-left:2rem;display:flex}.app-logo-mark{color:#fff;background:linear-gradient(145deg,#00c1a0,#0891b2);border-radius:.75rem;justify-content:center;align-items:center;width:2.75rem;height:2.75rem;font-size:1.1rem;font-weight:800;display:flex}.app-logo-name{color:var(--foreground);font-size:.95rem;font-weight:700}.app-header-right{align-items:center;gap:.5rem;padding:.5rem 1rem;display:flex}.header-divider{background:var(--border);width:1px;height:60%}.app-content{min-height:calc(100vh - 4em)}.page-layout{flex-direction:column;width:100%;min-height:calc(100vh - 4em);padding:1.75em;display:flex}.page-layout-header{justify-content:space-between;align-items:center;gap:.75em;margin-bottom:1.75em;display:flex}.page-layout-title{color:var(--primary);white-space:nowrap;margin:0;font-size:1.75rem;font-weight:700;line-height:1.2}.page-layout-subtitle{color:var(--body-light);margin:.25rem 0 0;font-weight:500}.page-layout-body{flex:1;gap:1em;min-height:0;display:flex}.filter-sidebar{background:#fff;border-radius:1em;align-self:flex-start;width:21.875em;min-width:21.875em;max-width:21.875em;max-height:calc(100vh - 10em);padding:1em;overflow:auto;box-shadow:0 4px 16px #0000000d}.filter-sidebar-title{color:var(--primary);justify-content:space-between;align-items:center;margin:0 0 1em;font-size:1.25em;font-weight:700;display:flex}.filter-section{margin-bottom:1rem}.filter-section-label{color:var(--body-light);margin-bottom:.5rem;font-size:.85rem;font-weight:500}.status-chips{flex-wrap:wrap;gap:.4rem;display:flex}.status-chip{border:1px solid var(--border);background:var(--muted);cursor:pointer;color:#334155;border-radius:999px;padding:.25rem .7rem;font-size:.8rem}.status-chip.active{background:var(--primary);border-color:var(--primary);color:#fff;font-weight:600}.table-panel{border:1px solid var(--border);background:#fff;border-radius:1rem;flex-direction:column;flex:1;gap:.75rem;min-width:0;padding:1.25rem 1.5rem;display:flex;box-shadow:0 2px 10px #00000008}.table-search{max-width:420px}.row-selected>td{background:#00c1a014!important}.ant-table-tbody>tr{cursor:pointer}.ant-table-tbody>tr:hover>td{background:#00c1a00a!important}.login-page{background:linear-gradient(160deg,#00c1a01f,#0000 50%),linear-gradient(320deg,#0891b21a,#eef2f7 55%);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.login-card{background:#fff;border-radius:1rem;width:560px;max-width:92vw;padding:2.5rem 3rem 1.75rem;box-shadow:0 20px 50px #0000001f}.login-logo{color:#fff;background:linear-gradient(145deg,#00c1a0,#0891b2);border-radius:20px;justify-content:center;align-items:center;width:100px;height:100px;margin:0 auto 16px;font-size:28px;font-weight:800;display:flex}.module-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem;display:grid}@media (max-width:960px){.module-grid{grid-template-columns:1fr}.page-layout-body{flex-direction:column}.filter-sidebar{width:100%;min-width:0;max-width:none}}.module-card{border:1px solid var(--border);cursor:pointer;background:#fff;border-radius:1rem;flex-direction:column;min-height:280px;padding:1.5rem;transition:border-color .15s,box-shadow .15s;display:flex;box-shadow:0 2px 8px #0000000a}.module-card:hover{border-color:#00c1a08c;box-shadow:0 4px 14px #00c1a01f}.module-card .icon{width:48px;height:48px;color:var(--primary);background:#00c1a01f;border-radius:12px;justify-content:center;align-items:center;margin-bottom:16px;font-size:22px;display:flex}.module-card-desc{color:#8a9099;margin:6px 0 0;font-weight:500}.module-card-text{color:#3f434a;flex:1;margin:12px 0 0;font-size:.92rem;line-height:1.45}.module-card-open{color:#00c1a0;border-top:1px solid #dbdbdb;margin-top:auto;padding-top:16px;font-weight:600}.erp-sheet .ant-drawer-body{padding:0!important}.erp-sheet-header{text-align:center;padding:1.5rem 1.25rem .5rem;position:relative}.erp-sheet-status{position:absolute;top:.75rem;left:.75rem}.erp-sheet-branch{color:var(--body-light);margin:0;font-weight:500}.erp-sheet-title{color:var(--primary);margin:.25rem 0;font-size:1.5rem;font-weight:700}.erp-sheet-meta{color:var(--body-light);margin:.25rem 0 0;font-weight:500}.erp-sheet-section{border:1px solid var(--border);border-radius:.75rem;margin:0 1rem 1rem;padding:1rem;box-shadow:0 1px 4px #0000000a}.erp-sheet-footer{border-top:1px solid var(--border);background:var(--muted);color:var(--body-light);margin-top:auto;padding:.85rem 1.25rem;font-size:.85rem}.mobile-shell{background:var(--muted);max-width:480px;min-height:100vh;margin:0 auto;padding-bottom:72px}.mobile-top{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);z-index:10;background:#ffffffd9;padding:14px 16px;position:sticky;top:0}.mobile-nav{border-top:1px solid var(--border);z-index:20;background:#fff;grid-template-columns:repeat(4,1fr);height:64px;display:grid;position:fixed;bottom:0;left:0;right:0}.mobile-nav a{color:var(--body-light);flex-direction:column;justify-content:center;align-items:center;gap:2px;font-size:11px;display:flex}.mobile-nav a.active{color:var(--primary);font-weight:700}.branch-card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}@media (max-width:960px){.branch-card-grid{grid-template-columns:1fr}}.branch-card{border:1px solid var(--border);cursor:pointer;background:#fff;border-radius:1rem;padding:1.25rem;box-shadow:0 2px 8px #0000000a}.branch-card:hover{border-color:#00c1a080}.branch-card h3{color:var(--primary);margin:0 0 .35rem;font-size:1.15rem}