@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;700&family=IBM+Plex+Sans:wght@400;500;600&display=swap";:root{--bg: #f2f8f8;--panel: rgba(255, 255, 255, .9);--line: #d7e4e4;--ink: #0f172a;--ink-soft: #3f4f5f;--accent: #0f766e;--accent-strong: #0b5c56;--danger: #b42318;--warning: #b26a00;--shadow: 0 14px 35px rgba(15, 23, 42, .08)}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:radial-gradient(circle at 10% 10%,#d9fbef 0,#f2f8f8 42%),radial-gradient(circle at 85% 15%,#c9eef6 0,transparent 30%),var(--bg);font-family:IBM Plex Sans,Segoe UI,sans-serif}h1,h2,h3,button,th{font-family:Space Grotesk,Segoe UI,sans-serif}.gradient-bg{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(125deg,#0f766e14,#f59e0b0f)}.app-shell,.login-page{position:relative;z-index:1;width:min(1440px,96vw);margin:1.2rem auto 2rem}.login-page{min-height:92vh;display:grid;place-items:center}.login-card{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:20px;width:min(430px,92vw);padding:1.5rem}.login-card h1{margin:0;font-size:1.8rem}.login-card p{color:var(--ink-soft);margin:.4rem 0 1rem}.panel{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:1rem;margin-bottom:.95rem;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.topbar{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start}.topbar h1{margin:0;font-size:1.6rem}.topbar p{margin:.35rem 0 0;color:var(--ink-soft)}.topbar-actions{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;justify-content:flex-end}.badge{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);padding:.35rem .6rem;border-radius:999px;background:#f8fefe;font-size:.85rem}.badge.offline{color:var(--warning)}form{display:grid;gap:.75rem}label{display:grid;gap:.35rem;font-size:.9rem}input,select,textarea,button{font:inherit}input,select,textarea{width:100%;border:1px solid #bfd1d1;border-radius:10px;padding:.55rem .65rem;background:#fff;color:var(--ink)}textarea{resize:vertical;min-height:38px}button{border:0;border-radius:12px;padding:.55rem .9rem;background:var(--accent);color:#fff;cursor:pointer;transition:transform .14s ease,background-color .14s ease}button:hover{transform:translateY(-1px);background:var(--accent-strong)}button.secondary{background:#294258}button.danger{background:var(--danger)}button:disabled{cursor:not-allowed;opacity:.55}.filter-grid,.create-grid,.account-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:.7rem}.filter-grid>label,.filter-grid .checkbox-group,.filter-grid .button-row,.create-grid>label,.create-grid .button-row,.account-grid>form{grid-column:span 3}.checkbox-group{border:1px dashed var(--line);border-radius:12px;padding:.6rem;display:flex;gap:.55rem;flex-wrap:wrap;align-items:center}.checkbox-group span{width:100%;font-size:.85rem;color:var(--ink-soft)}.checkbox-group label,.inline{display:inline-flex;gap:.35rem;align-items:center}.checkbox-group input,.inline input{width:auto}.button-row{display:flex;gap:.5rem;align-items:end}.panel-heading{display:flex;justify-content:space-between;align-items:center;gap:.6rem}.panel-inline{display:flex;align-items:center;gap:.45rem;flex-wrap:wrap}.metric{background:#e8f8f7;border:1px solid #c2e8e5;border-radius:11px;padding:.45rem .65rem;font-weight:600}.orders-panel .table-wrap{max-height:64vh}.end-row{margin-top:.6rem;justify-content:flex-end}.compact{padding:.7rem .9rem}.compact details>summary{cursor:pointer;font-weight:600}.compact p{margin:.5rem 0 .6rem}.table-wrap{overflow:auto;border-radius:12px;border:1px solid var(--line)}table{width:100%;border-collapse:collapse;min-width:1800px;background:#fff}th,td{border-bottom:1px solid #ecf2f2;border-right:1px solid #f2f6f6;padding:.45rem;vertical-align:top}th{position:sticky;top:0;z-index:1;background:#f4fbfb;font-size:.86rem}th:first-child{left:0;z-index:3;min-width:110px}td:first-child{position:sticky;left:0;z-index:1;background:#fff;min-width:110px}td input,td select,td textarea{min-width:100%;font-size:.86rem}td.total{text-align:right;font-weight:600;white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none}td.total.selected{background:#d8f0ee;outline:2px solid #93d6d2;outline-offset:-2px}td.attachment-cell{min-width:96px;max-width:116px}td.attachment-cell a{margin-right:.2rem;font-size:.82rem}td.attachment-cell input[type=file]{font-size:.74rem;padding:.25rem}.empty{text-align:center;color:var(--ink-soft);padding:1rem}.muted{color:#8995a1}.highlight-brown{background:#f0dfca}.highlight-green{background:#ddf4df}.highlight-red{background:#ffdada}tr.row-saving{opacity:.7}.toast{position:fixed;bottom:1rem;right:1rem;background:#052e2c;color:#fff;border-radius:10px;padding:.6rem .8rem;opacity:0;transform:translateY(14px);transition:opacity .18s ease,transform .18s ease;max-width:min(80vw,420px);pointer-events:none}.toast.show{opacity:1;transform:translateY(0)}@media (max-width: 1100px){.topbar{flex-direction:column}.topbar-actions{justify-content:flex-start}.panel-heading{flex-direction:column;align-items:flex-start}.filter-grid>label,.filter-grid .checkbox-group,.filter-grid .button-row,.create-grid>label,.create-grid .button-row,.account-grid>form{grid-column:span 6}}@media (max-width: 680px){.app-shell,.login-page{width:95vw}.filter-grid>label,.filter-grid .checkbox-group,.filter-grid .button-row,.create-grid>label,.create-grid .button-row,.account-grid>form{grid-column:1 / -1}.panel{padding:.85rem}button,input,select,textarea{font-size:16px}}
