:root{--blue:#1e8fe5;--blue-dark:#005aa8;--bar:#0b3b63;--yellow:#ffc107;--text:#202124;--muted:#7a7a7a;--line:#e5e5e5;--pink:#ff4081;--cyan:#16c2d5;--green:#75b843;--fab-shadow:0 5px 9px rgba(0,0,0,.35)}
*{box-sizing:border-box}html,body{margin:0;width:100%;min-height:100%;font-family:Roboto,"Segoe UI",Arial,sans-serif;color:var(--text);background:#fff}button,input{font:inherit}button{border:0;background:none;cursor:pointer;color:inherit}.hidden{display:none!important}
.toast{position:fixed;z-index:60;left:50%;bottom:78px;transform:translateX(-50%);max-width:calc(100% - 34px);padding:13px 18px;border-radius:5px;background:#263238;color:#fff;font-size:15px;font-weight:600;box-shadow:0 4px 12px #0005;text-align:center}
.appbar{height:64px;background:var(--blue);color:#fff;display:flex;align-items:center;padding:0 14px;gap:12px;position:sticky;top:0;z-index:20;box-shadow:0 2px 5px rgba(0,0,0,.25)}.appbar h1{font-size:24px;font-weight:600;margin:0;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.top-icon{width:38px;height:38px;color:#fff;font-size:28px;display:grid;place-items:center;border-radius:50%}.top-icon:active{background:rgba(255,255,255,.16)}.appbar-actions{display:flex;align-items:center;gap:6px}.warehouse-strip{height:24px;background:var(--blue-dark);color:#fff;text-align:center;font-size:18px;line-height:24px;position:sticky;top:64px;z-index:19}.view{display:none;min-height:calc(100vh - 88px);background:#fff}.view.active{display:block}
.home-grid{padding:12px;display:none;grid-template-columns:1fr 1fr;gap:10px;align-content:start}.home-grid.active{display:grid}.tile{height:104px;background:linear-gradient(#076ebd,#2196ed);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;font-size:24px}.tile small{color:#b9ffff;font-size:22px}.tile-icon{font-size:42px;line-height:1}.muted-tile{opacity:.96}.mini-tile-row{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.mini-tile-row button{height:76px;background:linear-gradient(#076ebd,#2196ed);color:#fff;font-size:38px}
.search-panel{margin:10px 14px;display:flex;align-items:center;border:1px solid #cfd8dc;border-radius:6px;height:54px;background:#fff;color:var(--blue);overflow:hidden}.search-panel input{flex:1;height:100%;border:0;outline:0;padding:0 12px;font-size:22px;color:#666}.search-panel span,.search-panel button{width:42px;color:var(--blue);font-size:24px}.breadcrumb{height:44px;background:var(--blue);color:#fff;display:flex;align-items:center;gap:14px;padding:0 24px;font-size:16px}.folder-row{height:78px;width:100%;display:grid;grid-template-columns:64px 1fr auto;align-items:center;padding:0 28px;border-bottom:1px solid var(--line);font-size:22px;text-align:left}.folder-row b{color:var(--blue)}.folder-row span:last-child{color:#222}.folder-icon{font-size:36px;color:var(--blue)}
.simple-list{background:#fff}.item-row{width:100%;height:84px;display:grid;grid-template-columns:76px 1fr auto;align-items:center;padding:0 24px;border-bottom:1px solid var(--line);text-align:left}.item-row b{display:block;color:var(--blue);font-size:22px;font-weight:700}.item-row small{display:block;color:#8a8a8a;font-size:16px}.item-row em{font-style:normal;font-size:22px;color:#222}.image-icon{width:46px;height:36px;border:2px solid var(--blue);border-radius:5px;color:var(--blue);display:grid;place-items:center;font-size:24px}.barcode::before{content:"▥";color:var(--blue);font-size:18px;margin-right:1px}.bottom-status{position:fixed;left:0;right:0;bottom:0;height:28px;background:var(--blue);color:#fff;display:flex;gap:0;align-items:center;font-size:16px;z-index:18}.bottom-status span{padding:0 9px;border-right:1px solid rgba(255,255,255,.55);height:100%;display:flex;align-items:center}.fab{position:fixed;right:24px;bottom:36px;width:64px;height:64px;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:38px;box-shadow:var(--fab-shadow);z-index:25}.fab.yellow{background:var(--yellow);color:#fff}.fab.red{background:#f44336}.fab.green{background:#75b843;right:164px}.fab.blue{background:#1976c9;right:94px}.fab.gray{background:#607d8b;right:104px;font-size:24px}.back-fab{left:24px;right:auto}
.doc-tabs{height:56px;background:var(--blue);display:flex;overflow:auto;border-bottom:2px solid var(--yellow)}.doc-tabs button{flex:0 0 auto;color:#fff;opacity:.65;padding:0 24px;font-weight:700}.doc-tabs button.active{opacity:1;border-bottom:2px solid var(--yellow)}.date-header{height:42px;background:#f3f3f3;color:#111;font-size:20px;font-weight:700;padding:8px 20px}.doc-row{height:84px;display:grid;grid-template-columns:62px 1fr auto;align-items:center;border-bottom:1px solid var(--line);padding:0 20px}.doc-row .doc-icon{width:48px;height:48px;background:#ffe0ec;color:var(--pink);border-radius:14px;display:grid;place-items:center;font-size:28px}.doc-row b{display:block;color:#087ddd;font-size:21px}.doc-row small{display:block;color:#777;font-size:16px;line-height:1.25}.doc-row em{font-style:normal;color:#666;font-size:22px}.bottom-sheet{position:fixed;left:0;right:0;bottom:0;background:#fff;border-radius:28px 28px 0 0;box-shadow:0 -4px 20px rgba(0,0,0,.28);z-index:45;padding-bottom:18px}.bottom-sheet h2{font-size:24px;font-weight:400;margin:14px 28px}.bottom-sheet p{margin:18px 28px 6px;color:#777;font-weight:700;font-size:12px}.bottom-sheet button{width:100%;height:70px;display:grid;grid-template-columns:58px 1fr 28px;grid-template-rows:1fr 1fr;align-items:center;padding:0 28px;text-align:left;background:#fff}.bottom-sheet button:hover{background:#eee}.bottom-sheet span{grid-row:1/3;width:48px;height:48px;border-radius:14px;display:grid;place-items:center;font-size:26px}.bottom-sheet b{font-size:19px}.bottom-sheet small{color:#777}.bottom-sheet em{grid-row:1/3;grid-column:3;font-style:normal;font-size:26px;color:#777}.pink-icon{background:#ffe0ec;color:var(--pink)}.cyan-icon{background:#ddfbff;color:var(--cyan)}.purple-icon{background:#ece9ff;color:#7d61ff}.lime-icon{background:#f4ffd8;color:#7a9b00}
.doc-head{background:var(--blue);color:#fff;padding:10px 22px 14px;position:relative}.collapse-dot{position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:var(--yellow);width:22px;height:22px;border-radius:50%;color:#1c73b7;font-weight:900}.doc-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.doc-head label{display:block;font-size:14px;margin-bottom:8px}.doc-head input{display:block;width:100%;height:38px;border:0;border-bottom:2px solid rgba(255,255,255,.75);background:transparent;color:#fff;font-size:22px;outline:0}.doc-head input::placeholder{color:rgba(255,255,255,.8)}.doc-head label:nth-of-type(1){position:relative}.doc-head #clearSupplier{position:absolute;right:0;top:22px;color:#fff;font-size:34px}.attach-btn{position:absolute;right:18px;bottom:16px;width:62px;height:62px;border:2px solid #fff;border-radius:14px;color:#fff;font-size:30px}.empty-box{height:calc(100vh - 360px);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#bdbdbd;font-size:26px}.box-icon{font-size:64px}.doc-items .item-row{height:84px}.doc-items .item-row em{font-size:22px}
.supplier-list button{width:100%;height:90px;display:grid;grid-template-columns:1fr 28px;align-items:center;padding:0 30px;text-align:left;border-bottom:1px solid var(--line);font-size:22px}.supplier-list button::after{content:"⋮";font-size:28px}.tools-panel-screen{padding:18px}.tool-btn{display:block;width:100%;height:56px;margin-bottom:10px;background:#fff;border:1px solid var(--line);border-radius:4px;color:var(--blue);font-weight:700}.warning{color:#f44336}
.drawer-shade{position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:49}.drawer{position:fixed;left:0;top:0;bottom:0;width:min(370px,86vw);background:#fff;z-index:50;transform:translateX(-105%);transition:.18s transform ease;box-shadow:4px 0 12px rgba(0,0,0,.3)}.drawer.open{transform:translateX(0)}.drawer-head{height:100px;background:var(--blue);color:#fff;display:flex;align-items:center;gap:18px;padding:0 18px;font-size:18px}.app-logo{font-size:44px}.warehouse-row{height:40px;background:var(--blue-dark);color:#fff;font-size:21px;display:flex;align-items:center;justify-content:space-between;padding-left:18px}.round-yellow{width:34px;height:34px;margin-right:10px;border-radius:50%;background:var(--yellow);color:#005aa8;font-size:20px}.drawer-item{height:56px;width:100%;display:grid;grid-template-columns:42px 1fr 24px;align-items:center;padding:0 20px;text-align:left;color:#222;font-size:16px}.drawer-item:first-of-type{border-bottom:1px solid var(--blue)}.drawer-item:not(.muted-drawer){color:#111}.drawer-item span:first-child{color:var(--blue)}.drawer hr{border:0;border-top:1px solid var(--blue);margin:0}.drawer-account{position:absolute;left:18px;right:18px;bottom:16px;display:flex;justify-content:space-between;color:#222}
.dialog-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.58);z-index:60;display:flex;align-items:center;justify-content:center;padding:28px}.qty-dialog{background:#fff;border-radius:14px;width:min(670px,100%);padding:28px 34px}.qty-dialog h2{margin:0;font-weight:400}.qty-dialog p{font-size:22px}.qty-dialog label{display:block;color:var(--blue);font-size:14px}.qty-dialog input{width:100%;height:42px;border:0;border-bottom:3px solid var(--blue);font-size:24px;outline:0}.dialog-actions{display:flex;justify-content:flex-end;gap:28px;margin-top:36px}.dialog-actions button{color:#006fc9;font-weight:700;font-size:16px}
@media(max-width:560px){.appbar{height:60px}.warehouse-strip{top:60px}.tile{height:104px;font-size:23px}.item-row{padding:0 24px 0 28px;grid-template-columns:60px 1fr auto}.doc-grid{grid-template-columns:1fr 1fr}.fab{width:58px;height:58px}.fab.green{right:150px}.fab.blue{right:87px}.doc-tabs button{padding:0 20px}.home-grid{gap:9px;padding:10px}}


.login-screen{position:fixed;inset:0;z-index:100;background:linear-gradient(155deg,#0063ae,#1e8fe5 55%,#89c9fb);padding:24px;display:grid;place-items:center}.login-card{width:min(420px,100%);background:#fff;border-radius:14px;padding:34px 28px;box-shadow:0 14px 36px #00345b66}.login-mark{width:62px;height:62px;margin:0 auto 16px;border-radius:16px;background:var(--yellow);color:#fff;display:grid;place-items:center;font-size:36px}.login-card h1{text-align:center;margin:0;color:#075fa8;font-size:27px}.login-card p{text-align:center;color:#687780;line-height:1.45}.login-card label{display:block;margin-top:18px;color:#0b6eb8;font-size:14px;font-weight:700}.login-card input{width:100%;height:43px;margin-top:5px;padding:0 10px;border:0;border-bottom:2px solid #1e8fe5;outline:0;font-size:19px}.login-submit{width:100%;height:48px;margin-top:28px;border-radius:5px;background:var(--blue);color:#fff;font-weight:700;font-size:16px}.login-error{min-height:22px!important;color:#c62828!important;font-size:14px}.drawer-account{border:0;background:transparent;width:calc(100% - 36px);font:inherit;text-align:left}
.users-help{margin:0 0 16px;color:#55656d;line-height:1.42}.users-list{margin-bottom:14px;border:1px solid var(--line);border-radius:4px;overflow:hidden}.user-row{display:flex;justify-content:space-between;align-items:center;padding:14px;border-bottom:1px solid var(--line)}.user-row:last-child{border-bottom:0}.user-row b{display:block;color:#075fa8}.user-row small{color:#6d6d6d}.user-role{padding:4px 8px;border-radius:12px;background:#e1f1ff;color:#075fa8;font-size:12px;font-weight:700}
.doc-resource-btn{margin-top:4px;padding:8px 10px;border:1px solid rgba(255,255,255,.8);border-radius:4px;color:#fff;font-size:14px;font-weight:700}

.warehouse-strip{width:100%;border:0;display:flex;justify-content:center;gap:9px;align-items:center;cursor:pointer}.warehouse-row{width:100%;border:0;display:flex;justify-content:space-between;align-items:center;cursor:pointer}.warehouse-picker-view{background:#fff}.warehouse-picker-list{padding:12px 0}.warehouse-choice{display:block;width:100%;border:0;background:#fff;text-align:left;padding:17px 50px;font-size:18px;color:#1c1c1c}.warehouse-choice.selected{font-weight:700;background:linear-gradient(90deg,#fff 0%,#f1f1f1 50%,#fff 100%)}.warehouse-choice:active{background:#e8f3fc}


.doc-delete-btn{margin:12px 20px 0;border:1px solid #d32f2f;border-radius:5px;background:#fff;color:#c62828;padding:9px 12px;font-weight:700}.doc-delete-btn.hidden{display:none}


.doc-duplicate-btn{margin:12px 8px 0 20px;border:1px solid #1976d2;border-radius:5px;background:#fff;color:#1565c0;padding:9px 12px;font-weight:700}


.leave-dialog .dialog-actions{gap:14px;flex-wrap:wrap}.leave-dialog .dialog-actions button{white-space:normal;text-align:right}

.draft-row{background:#fff7df;border-left:5px solid #ffc107}.draft-row b{color:#7a5200}.draft-row em{color:#7a5200;font-weight:700}

.supplier-row{display:grid;grid-template-columns:1fr 82px;align-items:center;border-bottom:1px solid var(--line)}.supplier-main{height:72px;text-align:left;padding:0 30px;font-size:20px;color:#111;background:#fff}.row-delete{height:38px;margin-right:12px;border:1px solid #ffc7ce;border-radius:4px;background:#fff5f5;color:#c00000;font-weight:700}.row-delete:active{background:#ffdede}
.user-row{gap:8px}.user-row .row-delete{margin-right:0}

.draft-notice{grid-column:1/-1;display:grid;grid-template-columns:1fr auto auto;gap:8px;align-items:center;background:#fff7df;border-left:5px solid #ffc107;padding:12px 10px;color:#6d4c00;font-weight:700;box-shadow:0 1px 4px rgba(0,0,0,.12)}.draft-notice button{height:38px;padding:0 12px;border-radius:4px;border:1px solid #c99700;background:#fff;color:#7a5200;font-weight:700}.draft-notice button:last-child{border-color:#ffc7ce;color:#c00000;background:#fff5f5}.doc-danger-zone{padding:26px 20px 96px;background:#fff}.doc-delete-btn{display:block;width:100%;min-height:52px;margin:18px 0 0;border:2px solid #d32f2f;border-radius:6px;background:#fff5f5;color:#b71c1c;padding:12px;font-weight:800}.doc-delete-btn.hidden{display:none}.doc-duplicate-btn{display:block;margin:12px 0 0;border:1px solid #1976d2;border-radius:5px;background:#fff;color:#1565c0;padding:9px 12px;font-weight:700}.doc-item-row{grid-template-columns:1fr 74px;padding:0;border-bottom:1px solid var(--line)}.doc-item-main{height:84px;width:100%;display:grid;grid-template-columns:76px 1fr auto;align-items:center;padding:0 12px 0 24px;text-align:left}.doc-item-delete{height:38px;margin-right:10px;border:1px solid #ffc7ce;border-radius:4px;background:#fff5f5;color:#c00000;font-size:13px;font-weight:700}.danger-action{color:#b71c1c!important}.leave-dialog .dialog-actions button:first-child{background:#e8f3fc;border-radius:4px;padding:10px 12px}.leave-dialog .dialog-actions .danger-action{background:#fff5f5;border:1px solid #ffc7ce;border-radius:4px;padding:10px 12px}.tools-note{font-size:12px;color:#78909c;font-weight:400;margin-left:4px}
@media(max-width:560px){.draft-notice{grid-template-columns:1fr;align-items:stretch}.draft-notice button{text-align:center}.doc-item-main{grid-template-columns:60px 1fr auto;padding-left:24px}.doc-item-delete{width:62px;margin-right:8px;padding:0}}

.green-icon{background:#e7f7e7;color:#148a2f;}