@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--color-bg: #f4f5f7;--color-surface: #ffffff;--color-text: #1a1d21;--color-text-muted: #5c6370;--color-border: rgba(0, 0, 0, .08);--color-border-strong: rgba(0, 0, 0, .12);--color-accent: #00d2b4;--color-accent-text: #080d21;--color-accent-hover: #00c4a8;--color-accent-secondary: #ff6b4a;--color-danger: #d32f2f;--color-danger-bg: rgba(211, 47, 47, .08);--color-danger-border: rgba(211, 47, 47, .28);--color-success: #004d40;--color-success-bg: rgba(0, 77, 64, .1);--color-success-border: rgba(0, 77, 64, .32);--color-info-bg: rgba(0, 0, 0, .04);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 24px rgba(0, 0, 0, .08);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--font-sans: "Inter", system-ui, -apple-system, sans-serif;--font-mono: ui-monospace, "Cascadia Code", "SF Mono", Menlo, monospace;--nav-height: auto}*,*:before,*:after{box-sizing:border-box}html{-webkit-font-smoothing:antialiased}body{margin:0;font-family:var(--font-sans);font-size:15px;line-height:1.5;color:var(--color-text);background:var(--color-bg);min-height:100vh}#root{min-height:100vh}a{color:var(--color-text);text-decoration:none;font-weight:500}a:hover{color:#000;text-decoration:underline;text-underline-offset:3px}h1,h2,h3,h4{font-weight:600;letter-spacing:-.02em;color:var(--color-text)}h1{font-size:1.65rem;margin:0 0 .5rem}h2{font-size:1.2rem;margin:1.5rem 0 .75rem}h3{font-size:1.05rem;margin:1rem 0 .5rem}p{margin:0 0 .75rem}.shell{min-height:100vh;display:flex;flex-direction:column}.shell-inner{flex:1;max-width:1040px;margin:0 auto;padding:1.25rem 1.5rem 2.5rem;width:100%}.shell-nav{display:flex;flex-wrap:wrap;align-items:center;gap:.25rem .5rem;padding:.75rem 1.5rem;background:var(--color-surface);border-bottom:1px solid var(--color-border);box-shadow:var(--shadow-sm);position:sticky;top:0;z-index:50}.shell-nav-inner{max-width:1040px;margin:0 auto;width:100%;display:flex;flex-wrap:wrap;align-items:center;gap:.35rem .15rem}.shell-nav a{padding:.45rem .85rem;border-radius:var(--radius-sm);font-size:.9rem;font-weight:500;color:var(--color-text-muted);text-decoration:none}.shell-nav a:hover{background:var(--color-bg);color:var(--color-text);text-decoration:none}.shell-nav a.nav-link-active{background:var(--color-bg);color:var(--color-text);box-shadow:inset 0 -2px 0 var(--color-accent)}.shell-nav .nav-sep{width:1px;height:1.25rem;background:var(--color-border-strong);margin:0 .35rem;align-self:center}.page-title{margin-bottom:1rem}.muted{color:var(--color-text-muted);font-size:.92rem}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:1.25rem 1.35rem;box-shadow:var(--shadow-sm);margin-bottom:1.25rem}.card-compact{padding:1rem 1.15rem}.section-divider{border:none;border-top:1px solid var(--color-border);margin:1.5rem 0}.field{margin-bottom:1rem}.field-row{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.input,.textarea,.select{font-family:var(--font-sans);font-size:.95rem;padding:.55rem .75rem;border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);width:100%;max-width:100%;transition:border-color .15s,box-shadow .15s}.input:focus,.textarea:focus,.select:focus{outline:none;border-color:#00a78f73;box-shadow:0 0 0 3px #00d2b459}.textarea{min-height:5rem;resize:vertical}.input-mono{font-family:var(--font-mono);font-size:.85rem}.label{display:block;font-size:.82rem;font-weight:500;color:var(--color-text-muted);margin-bottom:.35rem}.btn{font-family:var(--font-sans);font-size:.9rem;font-weight:600;padding:.5rem 1rem;border-radius:var(--radius-sm);border:1px solid transparent;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:.45rem;line-height:1.25;transition:background .15s,border-color .15s,opacity .15s}.btn:disabled{cursor:not-allowed;opacity:.65}.btn--primary{background:var(--color-accent);color:var(--color-accent-text);border-color:#0000000f}.btn--primary:hover:not(:disabled){background:var(--color-accent-hover)}.btn--secondary{background:var(--color-surface);color:var(--color-text);border-color:var(--color-border-strong)}.btn--secondary:hover:not(:disabled){background:var(--color-bg)}.btn--ghost{background:transparent;color:var(--color-text-muted);border-color:transparent}.btn--ghost:hover:not(:disabled){background:var(--color-bg);color:var(--color-text)}.btn--danger{background:var(--color-danger-bg);color:var(--color-danger);border-color:var(--color-danger-border)}.btn--danger:hover:not(:disabled){background:#d32f2f24}.btn--pending{pointer-events:none}.btn--sm{padding:.35rem .65rem;font-size:.82rem}.btn--link{background:none;border:none;color:var(--color-accent-secondary);text-decoration:underline;text-underline-offset:3px;padding:0;font-weight:500;cursor:pointer;font-size:inherit}.btn--link:hover:not(:disabled){color:#e85a3a}.btn--link:disabled{opacity:.5;cursor:not-allowed}.table-wrap{overflow-x:auto;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);margin-bottom:1rem}.table{width:100%;border-collapse:collapse;font-size:.9rem}.table th{text-align:left;padding:.65rem .75rem;font-weight:600;font-size:.78rem;text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted);border-bottom:1px solid var(--color-border);background:var(--color-bg)}.table td{padding:.65rem .75rem;border-bottom:1px solid var(--color-border);vertical-align:top}.table tbody tr:last-child td{border-bottom:none}.table tbody tr:hover td{background:#00000004}.mono{font-family:var(--font-mono);font-size:.82rem}.order-list{list-style:none;padding:0;margin:0;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);overflow:hidden}.order-list li{border-bottom:1px solid var(--color-border)}.order-list li:last-child{border-bottom:none}.order-list a{display:block;padding:.85rem 1rem;font-weight:500;text-decoration:none}.order-list a:hover{background:var(--color-bg);text-decoration:none}.thread-list{list-style:none;padding:0;margin:0;max-width:560px}.thread-bubble{margin-bottom:.75rem;padding:.85rem 1rem;border-radius:var(--radius-md);border:1px solid var(--color-border)}.thread-bubble--staff{background:#00d2b41f;border-color:#0000000f}.thread-bubble--client{background:#ff6b4a1a;border-color:#0000000f}.thread-meta{font-size:.75rem;color:var(--color-text-muted);margin-bottom:.35rem}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1.5rem}.auth-card{width:100%;max-width:400px;background:var(--color-surface);border-radius:var(--radius-lg);padding:2rem 1.75rem;border:1px solid var(--color-border);box-shadow:var(--shadow-md)}.doc-row{display:flex;flex-wrap:wrap;align-items:flex-start;gap:.75rem;margin-bottom:.75rem;padding-bottom:.75rem;border-bottom:1px solid var(--color-border)}.doc-thumb{max-width:200px;max-height:140px;object-fit:contain;border:1px solid var(--color-border);border-radius:var(--radius-sm)}.doc-thumb-placeholder{width:200px;height:100px;background:var(--color-bg);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:.75rem;color:var(--color-text-muted)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:1000;display:flex;align-items:center;justify-content:center;padding:1rem}.modal-panel{background:var(--color-surface);border-radius:var(--radius-lg);padding:1.5rem;max-width:440px;width:100%;box-shadow:var(--shadow-md);border:1px solid var(--color-border)}.pre-dark{max-height:360px;overflow:auto;background:#080d21;color:#e8eaed;padding:.85rem;font-size:.78rem;border-radius:var(--radius-sm);font-family:var(--font-mono)}.pre-inline{font-size:.8rem;padding:.75rem;background:var(--color-bg);border-radius:var(--radius-sm);border:1px solid var(--color-border);overflow:auto;max-width:100%}@keyframes admin-spin{to{transform:rotate(360deg)}}.spinner{width:1.1em;height:1.1em;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:admin-spin .65s linear infinite;flex-shrink:0}.spinner--sm{width:.9em;height:.9em;border-width:2px}.toast-region{position:fixed;bottom:1.25rem;right:1.25rem;z-index:2000;display:flex;flex-direction:column;gap:.5rem;max-width:min(400px,calc(100vw - 2rem));pointer-events:none}.toast{pointer-events:auto;padding:.85rem 1rem;border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-surface);box-shadow:var(--shadow-md);font-size:.9rem;animation:toast-in .22s ease-out}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.toast--success{border-color:var(--color-success-border);background:var(--color-success-bg)}.toast--error{border-color:var(--color-danger-border);background:var(--color-danger-bg)}.toast--neutral{background:var(--color-surface)}.toast-title{font-weight:600;margin:0 0 .2rem}.toast-msg{margin:0;line-height:1.45;color:var(--color-text)}.toast-close{float:right;margin:-.2rem 0 0 .5rem;border:none;background:transparent;cursor:pointer;font-size:1.1rem;line-height:1;color:var(--color-text-muted);padding:.15rem}.toast-close:hover{color:var(--color-text)}.cell-saving{display:inline-flex;align-items:center;gap:.35rem;font-size:.8rem;color:var(--color-text-muted)}.alert-card{margin-top:1rem;padding:.85rem 1rem;border-radius:var(--radius-md);font-size:.9rem;max-width:520px;line-height:1.45;border:1px solid var(--color-border)}.alert-card__title{display:block;margin-bottom:.35rem}.alert-card__body>p:first-child{margin-top:0}.alert-card__body>p:last-child{margin-bottom:0}.alert-card--success{background:var(--color-success-bg);border-color:var(--color-success-border)}.alert-card--error{background:var(--color-danger-bg);border-color:var(--color-danger-border);color:var(--color-text)}.alert-card--neutral{background:var(--color-info-bg);border-color:var(--color-border-strong)}.alert-card--tight{margin-top:0;padding:8px 10px;font-size:.82rem;max-width:none}