*{box-sizing:border-box}:root{--blue:#2f69ad;--blue2:#79a2da;--dark:#153c70;--line:#a9bdd6;--panel:#eef1f7;--teal:#008d88;--danger:#b42318}html,body{height:100%}body{margin:0;font-family:"Microsoft JhengHei","Noto Sans TC",Arial,sans-serif;color:#12233f;background:#dfe7f1;font-size:14px}.topbar{height:62px;background:linear-gradient(90deg,#173d72,#285d9e);color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 14px;box-shadow:0 2px 7px #6d829d;position:relative;z-index:20}.brand{display:flex;align-items:center;gap:10px}.brand b{font-size:23px}.brand small{display:block;opacity:.85}.topbar nav{display:flex;gap:10px;align-items:center}.topbar a,.topbar button{color:#fff;text-decoration:none;border:1px solid #ffffff55;background:#ffffff10;padding:6px 9px;border-radius:3px}.top-toggle{font-size:20px;cursor:pointer}.clock{font-variant-numeric:tabular-nums}.layout{display:grid;grid-template-columns:228px minmax(0,1fr);min-height:calc(100vh - 94px);transition:grid-template-columns .18s ease}.sidebar{background:#f8fbff;border-right:1px solid #9fb3ce;box-shadow:2px 0 5px #8092aa33;overflow:hidden;min-width:0}.sidebar-head{height:42px;background:#d9e6f6;border-bottom:1px solid #9eb3ce;display:flex;align-items:center;justify-content:space-between;padding:0 10px;color:#194a82;font-weight:bold}.sidebar-head button{border:1px solid #91a9c6;background:#f8fbff;color:#174a82;cursor:pointer}.side-nav{padding:7px}.side-nav a{display:flex;align-items:center;gap:9px;min-height:34px;padding:6px 8px;color:#174a82;text-decoration:none;border:1px solid transparent;white-space:nowrap}.side-nav a:hover,.side-nav a.active{background:#d7e8fb;border-color:#91b0d5}.side-nav i{font-style:normal;width:22px;text-align:center;font-size:17px}.nav-group>b{display:block;padding:11px 8px 4px;color:#65768e;font-size:12px}.sidebar-collapsed .layout{grid-template-columns:54px minmax(0,1fr)}.sidebar-collapsed .sidebar-title,.sidebar-collapsed .side-nav span,.sidebar-collapsed .nav-group>b{display:none}.sidebar-collapsed .side-nav{padding:5px}.sidebar-collapsed .side-nav a{justify-content:center;padding:6px}.sidebar-collapsed .sidebar-head{justify-content:center}.sidebar-collapsed .sidebar-head button{transform:rotate(180deg)}main{padding:10px;min-width:0}.card{background:#fff;border:1px solid #b3c3d7;margin-bottom:10px;box-shadow:0 1px 3px #8ba0b844}.card h2,.card h3{margin:0;padding:9px 12px;border-bottom:1px solid #b8c8dc;background:linear-gradient(#f8fbff,#e8eef6)}.body{padding:12px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:9px}.tile{background:#fff;border:1px solid #aebfd4;padding:15px;text-decoration:none;color:#173f79}.tile strong{display:block;font-size:24px}.formgrid{display:grid;grid-template-columns:repeat(2,minmax(220px,1fr));gap:8px}.field label{display:block;margin-bottom:3px;font-weight:bold}.field input,.field select,.field textarea{width:100%;min-height:31px;padding:5px 7px;border:1px solid #9fb0c6;background:#fff;border-radius:1px}.field input:focus,.field select:focus,.field textarea:focus{outline:2px solid #70a8e8;border-color:#3578c4}.btn{display:inline-block;border:1px solid #194d85;border-radius:2px;padding:7px 12px;background:#2f70b7;color:#fff;text-decoration:none;cursor:pointer}.btn.green{background:#087f5b}.btn.gray{background:#64748b}.btn.red{background:#b42318}.msg{padding:9px;margin-bottom:8px;background:#d9fbe8;border:1px solid #72d6a0}.msg.err,.err{background:#ffe1e1;border-color:#ff9b9b;color:#a00}table{width:100%;border-collapse:collapse;background:#fff}th,td{border:1px solid #b9cad7;padding:5px 6px;text-align:left;white-space:nowrap}th{background:#058f8b;color:#fff;font-weight:normal}tbody tr:nth-child(even){background:#f1fbfa}tbody tr:hover{background:#cde9ff}.login{max-width:440px;margin:8vh auto;background:#fff;border:1px solid #aebfd5;padding:26px;box-shadow:0 5px 20px #7895}.login h1{color:#194b91}.status-footer{height:32px;background:#f7f9fc;border-top:1px solid #aebed1;padding:6px 12px;font-size:12px;display:flex;justify-content:space-between}.erp-window{border:1px solid #8eacd1;background:#eef2f8;min-height:calc(100vh - 116px);display:flex;flex-direction:column}.window-titlebar{height:40px;background:#75a0da;color:#fff;display:flex;align-items:center;gap:8px;padding:0 10px}.window-titlebar h1{font-size:21px;margin:0;font-weight:normal}.record-mode{margin-left:auto;background:#1d568f;padding:3px 8px}.erp-toolbar{min-height:38px;background:#75a0da;border-top:1px solid #b6cbe8;display:flex;align-items:center;flex-wrap:wrap;padding:3px 7px;gap:2px}.tool{border:0;border-right:1px solid #d7e4f5;background:transparent;color:#083e78;padding:6px 8px;text-decoration:none;cursor:pointer;font-size:14px}.tool:hover{background:#cce0f7}.tool.danger{color:#84211a}.erp-tabs{height:31px;background:#d9d9e5;padding-left:2px;display:flex;align-items:flex-end}.erp-tabs button{height:28px;min-width:76px;border:1px solid #a4a7ba;border-bottom:0;background:#c8c9d5;color:#333;cursor:pointer}.erp-tabs button.active{background:#fff;color:#056b88;border-top:3px solid #5b9ee7}.tab-panel{padding:8px;flex:1;min-height:0}.browser-panel{display:flex;flex-direction:column}.table-wrap{overflow:auto;flex:1;min-height:350px;background:#e8f5f3;border:1px solid #a8bbc9}.erp-grid{font-size:13px}.erp-grid tbody tr.selected{background:#8dc7e9}.browse-footer{display:flex;align-items:center;gap:8px;background:#fff;padding:6px;border:1px solid #a8bbc9;border-top:0}.browse-footer input{width:270px;border:0;border-bottom:1px solid #7ca48d;padding:5px}.detail-shell{background:#e6e7ef;padding:8px;border:1px solid #ccd1dc}.record-header{display:grid;grid-template-columns:110px minmax(160px,1fr) 110px minmax(160px,1fr);gap:3px 0;margin-bottom:8px}.record-header label,.compact-form label{background:#ef756f;color:#fff;padding:4px 7px;text-align:right}.record-header input,.record-header select,.compact-form input,.compact-form select,.compact-form textarea{border:1px solid #d1d7e2;min-height:27px;padding:3px 6px;min-width:0}.detail-content{display:grid;grid-template-columns:minmax(480px,1fr) 210px;gap:18px;background:#f6f7fb;padding:13px}.compact-form{display:grid;grid-template-columns:120px minmax(220px,1fr);align-content:start;gap:2px 0}.compact-form label{background:#3f6ca5}.compact-form label.teal{background:#008b89}.compact-form textarea{min-height:75px}.photo-box{height:178px;background:#fff;border:1px solid #d9deea;display:flex;align-items:center;justify-content:center;letter-spacing:14px;margin-bottom:8px}.side-vertical-tabs{display:flex}.side-vertical-tabs button{writing-mode:vertical-rl;height:80px;border:1px solid #b4bac6;background:#d8d9e1}.help-box{background:#fff;border:1px solid #b8c7d8;padding:18px;line-height:1.8}.admin-mode .window-titlebar,.admin-mode .erp-toolbar{background:#60748d}.update-warning{background:#fff6d8;border:1px solid #e1bd4a;padding:10px}.package-list code{white-space:normal;word-break:break-all}@media(max-width:900px){.topbar{height:auto;align-items:flex-start;padding:8px}.topbar nav{flex-wrap:wrap;justify-content:flex-end}.layout{grid-template-columns:54px minmax(0,1fr)}.sidebar-title,.side-nav span,.nav-group>b{display:none}.side-nav a{justify-content:center}.detail-content{grid-template-columns:1fr}.record-header{grid-template-columns:100px 1fr}.record-header label:nth-of-type(n){text-align:left}.formgrid{grid-template-columns:1fr}.clock{display:none}}@media print{.topbar,.sidebar,.status-footer,.erp-toolbar,.erp-tabs,.browse-footer{display:none!important}.layout{display:block}.erp-window{border:0}.tab-panel[hidden]{display:none}.tab-panel{padding:0}}