:root{--bg:#0b0b0c;--panel:#151518;--panel2:#1e1e22;--line:#303038;--text:#f6f3ea;--muted:#aaa6a0;--gold:#d4a72c;--gold2:#f0c84b;--danger:#e05252;--ok:#46b77a;--radius:16px;--shadow:0 18px 45px rgba(0,0,0,.35)}
*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;background:radial-gradient(circle at top,#242018 0,#0b0b0c 34rem);color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;min-height:100vh}.hidden{display:none!important}button,input,textarea{font:inherit}.auth-shell{min-height:100vh;display:grid;place-items:center;padding:24px}.auth-card{width:min(420px,100%);padding:28px;background:rgba(21,21,24,.96);border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow)}.brand-mark{width:64px;height:64px;border-radius:20px;display:grid;place-items:center;background:linear-gradient(145deg,var(--gold2),#8c6811);color:#17130a;font-weight:900;font-size:24px;margin-bottom:18px}.auth-card h1,.topbar h1,.page h2{margin:.15rem 0}.muted{color:var(--muted)}.stack{display:grid;gap:14px;margin-top:24px}label{display:grid;gap:7px;color:#d8d4cd;font-size:14px}input,textarea{width:100%;background:#0e0e10;color:var(--text);border:1px solid #393940;border-radius:12px;padding:12px 13px;outline:none}input:focus,textarea:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(212,167,44,.15)}button{border:0;border-radius:12px;padding:12px 16px;cursor:pointer;font-weight:800}.primary{background:linear-gradient(180deg,var(--gold2),var(--gold));color:#18130a}.secondary{background:#2a261d;color:#f4d87a;border:1px solid #54451c}.ghost{background:#1a1a1e;color:#e7e3dc;border:1px solid #34343b}.danger-outline{background:transparent;color:#ff8585;border:1px solid #7e3333}.compact{padding:9px 11px;font-size:13px}.form-message{min-height:1.2em;color:#ff9090}.app-shell{min-height:100vh;max-width:1200px;margin:auto;padding-bottom:100px}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px 18px;background:rgba(11,11,12,.91);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.eyebrow{font-size:11px;letter-spacing:.14em;color:var(--gold2);font-weight:900}.top-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:7px}.user-strip{display:flex;justify-content:space-between;align-items:center;padding:10px 18px;background:#101012;border-bottom:1px solid #242429}.user-strip>div{display:flex;align-items:center;gap:8px}.pill{font-size:11px;text-transform:uppercase;background:#2c2514;color:#f0d374;padding:4px 7px;border-radius:999px}.sync{font-size:12px;color:#7fd7a3}.page{padding:20px 18px}.section-heading,.back-row,.checklist-head,.modal-title-row{display:flex;align-items:center;justify-content:space-between;gap:14px}.section-heading p{margin:.35rem 0 0;color:var(--muted)}.supplier-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px;margin-top:20px}.supplier-card{background:linear-gradient(180deg,#1d1c1a,#141416);border:1px solid #33312b;border-radius:18px;padding:18px;text-align:left;color:var(--text);min-height:120px;box-shadow:0 10px 26px rgba(0,0,0,.2)}.supplier-card:hover{border-color:#6c581e}.supplier-card .name{font-size:21px}.supplier-card .count{color:var(--muted);margin-top:6px}.spacer{flex:1}.date-field{max-width:170px}.legend{display:flex;gap:12px;flex-wrap:wrap;margin:14px 0;color:var(--muted);font-size:12px}.legend span{background:#151518;border:1px solid #29292f;border-radius:999px;padding:6px 9px}.checklist{display:grid;gap:9px}.stock-row{display:grid;grid-template-columns:minmax(180px,1fr) 92px 92px 110px;gap:8px;align-items:center;background:var(--panel);border:1px solid #29292f;border-radius:14px;padding:10px 12px}.stock-name{font-weight:850}.stock-unit{font-size:11px;color:var(--muted);margin-top:2px}.stock-cell label{font-size:10px;text-transform:uppercase;color:#8e8b84;letter-spacing:.07em}.stock-cell input{padding:9px 10px;text-align:center;font-weight:800}.target-value,.order-value{display:grid;place-items:center;min-height:42px;border-radius:10px;background:#0f0f11;font-weight:900}.order-value{color:#ffd86b}.order-edit{cursor:pointer;border:1px dashed #5d4b19}.notes-label{margin-top:14px}.sticky-submit{position:sticky;bottom:10px;margin-top:16px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;background:rgba(24,24,27,.96);backdrop-filter:blur(10px);border:1px solid #4b4022;border-radius:16px;box-shadow:var(--shadow)}.sticky-submit strong{display:block;font-size:24px;color:#ffda6e}.history-list,.manage-list{display:grid;gap:10px;margin-top:18px}.history-card,.manage-card{display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--panel);border:1px solid #2c2c32;border-radius:14px;padding:14px}.history-card button{white-space:nowrap}.history-meta{color:var(--muted);font-size:12px;margin-top:4px}.manage-products{display:grid;gap:7px;margin-top:9px}.manage-product{display:grid;grid-template-columns:1fr auto auto;gap:8px;align-items:center;background:#111114;border-radius:10px;padding:9px 10px}.modal{border:0;padding:0;border-radius:20px;background:transparent;color:var(--text);width:min(520px,calc(100% - 24px))}.modal.wide{width:min(820px,calc(100% - 24px))}.modal::backdrop{background:rgba(0,0,0,.72);backdrop-filter:blur(4px)}.modal-card{background:#17171a;border:1px solid #38383f;border-radius:20px;padding:20px;box-shadow:var(--shadow);display:grid;gap:14px}.modal-card h3{margin:0}.modal-actions{display:flex;justify-content:flex-end;gap:8px}.segmented{display:grid;grid-template-columns:auto 1fr auto 1fr;align-items:center;background:#101012;border-radius:12px;padding:5px}.segmented input{width:auto}.segmented span{padding:6px}.toast{position:fixed;right:16px;bottom:16px;z-index:100;background:#26262b;color:white;border:1px solid #484850;border-radius:13px;padding:11px 14px;box-shadow:var(--shadow);opacity:0;transform:translateY(12px);pointer-events:none;transition:.2s}.toast.show{opacity:1;transform:none}.toast.error{border-color:#9c4242}.empty{padding:28px;text-align:center;color:var(--muted);border:1px dashed #3a3a41;border-radius:16px}.history-table{width:100%;border-collapse:collapse;font-size:14px}.history-table th,.history-table td{padding:9px;border-bottom:1px solid #303036;text-align:right}.history-table th:first-child,.history-table td:first-child{text-align:left}.history-table th{color:#aaa6a0;font-size:11px;text-transform:uppercase}.summary-box{display:flex;gap:20px;flex-wrap:wrap;background:#101012;border-radius:12px;padding:12px}.summary-box strong{display:block;font-size:20px;color:#ffd86b}
@media(max-width:700px){.topbar{align-items:flex-start;flex-direction:column}.top-actions{width:100%;justify-content:flex-start}.stock-row{grid-template-columns:1fr 80px 86px}.stock-row .order-cell{grid-column:2/4}.checklist-head{align-items:flex-end}.supplier-grid{grid-template-columns:1fr}.sticky-submit{bottom:8px}.history-card{align-items:flex-start}.manage-product{grid-template-columns:1fr auto}.manage-product .target-badge{grid-row:2;grid-column:1}.page{padding:16px 12px}.user-strip{padding:9px 12px}}
.entry-tip{margin:-3px 0 12px;padding:8px 10px;border-left:3px solid var(--gold);background:#15140f;color:#bdb8ae;font-size:12px;border-radius:0 9px 9px 0}.supplier-card{display:flex;flex-direction:column;justify-content:space-between;gap:18px}.supplier-open{display:inline-flex;align-items:center;justify-content:center;align-self:flex-start;background:#2a261d;color:#f5d978;border:1px solid #57471d;border-radius:999px;padding:7px 10px;font-size:12px;font-weight:850}.submit-confirm-card h3{font-size:22px;margin:.2rem 0}.submit-warning{margin:.45rem 0 0}.confirm-summary{display:grid;border:1px solid #34343b;border-radius:14px;overflow:hidden}.confirm-row{display:flex;justify-content:space-between;gap:16px;padding:11px 12px;background:#101012;border-bottom:1px solid #2a2a2f}.confirm-row:last-child{border-bottom:0}.confirm-row span{color:var(--muted)}.confirm-row strong{text-align:right;color:#ffe07d}.soh-input:focus{background:#17140c}.stock-row:focus-within{border-color:#6d5921;box-shadow:0 0 0 2px rgba(212,167,44,.09)}
@media(max-width:700px){.topbar{position:static}.top-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.top-actions button{padding:9px 5px;font-size:12px}.section-heading{align-items:flex-start}.checklist-head{align-items:flex-start;flex-direction:column}.date-field{width:100%;max-width:none}.stock-row{grid-template-columns:minmax(0,1fr) 86px 76px;padding:11px 10px;gap:7px}.stock-name{font-size:15px}.stock-cell input{min-height:46px;font-size:17px}.target-value,.order-value{min-height:46px;font-size:16px}.stock-row .order-cell{grid-column:2/4}.sticky-submit{padding:10px;bottom:6px}.sticky-submit button{min-height:48px}.supplier-card{min-height:112px}.supplier-open{width:100%}.entry-tip{font-size:11px}.modal-actions button{flex:1}.confirm-row{font-size:14px}}