:root{--font-body: "Inter", "Segoe UI", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif;--font-heading: "Space Grotesk", "Segoe UI", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", "Consolas", "SF Mono", ui-monospace, monospace;--bg: #f5ecd9;--bg-dotted: #ebe0c6;--surface: #fffdf5;--surface-alt: #f9f1dd;--ink: #1f1a15;--ink-soft: #6b6156;--ink-faint: #a39782;--primary: #d4572e;--primary-dark: #a6401e;--accent: #f4b942;--accent-soft: #fde7b3;--cool: #4a7a6a;--cool-soft: #c8e0d6;--danger: #b8412f;--danger-soft: #f5cfc8;--info: #4e6fa6;--info-soft: #d0dcf0;--warn-soft: #fde7b3;--border: 2px solid var(--ink);--border-thin: 1.5px solid var(--ink);--shadow-sm: 3px 3px 0 var(--ink);--shadow: 5px 5px 0 var(--ink);--shadow-lg: 8px 8px 0 var(--ink);--radius: 10px;--radius-sm: 6px}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:var(--font-body);font-size:14.5px;color:var(--ink);background-color:var(--bg);background-image:radial-gradient(var(--bg-dotted) 1.2px,transparent 1.2px),radial-gradient(var(--bg-dotted) 1.2px,transparent 1.2px);background-size:24px 24px;background-position:0 0,12px 12px;line-height:1.45}h1,h2,h3,h4,h5{font-family:var(--font-heading);letter-spacing:-.01em;margin:0 0 10px;color:var(--ink)}h1{font-size:28px;font-weight:700}h2{font-size:22px;font-weight:700}h3{font-size:18px;font-weight:700}h4{font-size:15px;font-weight:700}a{color:var(--primary-dark);text-decoration:none;font-weight:500}a:hover{color:var(--primary);text-decoration:underline;text-underline-offset:3px}code{font-family:var(--font-mono);background:var(--accent-soft);padding:1px 6px;border-radius:4px;font-size:.88em}.navbar{display:flex;align-items:center;justify-content:space-between;padding:14px 28px;background:var(--ink);color:#fffdf5;border-bottom:3px solid var(--primary);box-shadow:0 4px 0 var(--primary-dark);position:relative;z-index:10;flex-wrap:wrap;gap:12px}.navbar .brand{display:flex;align-items:center;gap:10px;font-family:var(--font-heading);font-weight:700;font-size:18px;letter-spacing:.5px;color:var(--accent);text-shadow:2px 2px 0 var(--primary-dark);text-decoration:none;padding:2px 4px;border-radius:var(--radius-sm);transition:transform .15s}.navbar .brand:hover{text-decoration:none;transform:translate(-1px,-1px);color:var(--accent)}.navbar .brand-logo{width:38px;height:38px;object-fit:contain;border-radius:var(--radius-sm);background:#fffdf5;padding:3px;border:2px solid var(--primary);box-shadow:var(--shadow-sm)}.navbar .brand-text{white-space:nowrap}@media (max-width: 640px){.navbar .brand-text{display:none}}.navbar .nav-links{display:flex;gap:4px;align-items:center;flex-wrap:wrap}.navbar .nav-links a,.navbar .nav-links button{color:#fffdf5;background:transparent;border:2px solid transparent;padding:6px 12px;border-radius:var(--radius-sm);cursor:pointer;font-size:13.5px;font-weight:500;font-family:inherit;transition:all .15s;text-decoration:none}.navbar .nav-links a:hover,.navbar .nav-links button:hover{background:#f4b94226;border-color:var(--accent);color:var(--accent);text-decoration:none}.navbar .nav-links>span{font-size:13px;opacity:.9;padding:0 6px}.container{max-width:1200px;margin:28px auto;padding:0 20px}.page-title{margin:0 0 18px;font-size:24px;font-weight:700;font-family:var(--font-heading);position:relative;padding-bottom:8px}.page-title:after{content:"";position:absolute;bottom:0;left:0;width:60px;height:4px;background:var(--primary);border-radius:4px}.card{background:var(--surface);border:var(--border);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow);transition:box-shadow .15s,transform .15s}.auth-wrap{min-height:calc(100vh - 60px);display:flex;align-items:center;justify-content:center;padding:24px}.auth-card{width:100%;max-width:440px;background:var(--surface);padding:32px;border:var(--border);border-radius:var(--radius);box-shadow:var(--shadow-lg);position:relative}.auth-logo-wrap{display:flex;justify-content:center;margin-bottom:16px}.auth-logo{width:96px;height:96px;object-fit:contain;background:#fffdf5;padding:8px;border:var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.auth-card:before{content:"WAEBOX // v1.0";position:absolute;top:-14px;left:24px;background:var(--primary);color:#fffdf5;padding:4px 14px;font-size:11px;font-weight:700;letter-spacing:1.5px;border:var(--border);border-radius:var(--radius-sm);font-family:var(--font-mono);box-shadow:var(--shadow-sm)}.auth-card h1{margin:4px 0 6px;font-size:26px;letter-spacing:-.02em}.auth-card p.sub{margin:0 0 22px;color:var(--ink-soft);font-size:13px;font-family:var(--font-mono)}.form-group{margin-bottom:14px}.form-group label{display:block;margin-bottom:6px;font-size:12px;color:var(--ink);font-weight:600;letter-spacing:.3px;text-transform:uppercase;font-family:var(--font-mono)}.form-group input,.form-group select,.form-group textarea,input[type=text],input[type=password],input[type=email],input[type=number],input[type=datetime-local],textarea,select{width:100%;padding:10px 12px;border:var(--border-thin);border-radius:var(--radius-sm);font-size:14px;outline:none;font-family:inherit;background:#fff;color:var(--ink);transition:border-color .1s,box-shadow .1s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus,input:focus,textarea:focus,select:focus{border-color:var(--primary);box-shadow:3px 3px 0 var(--primary)}.form-group input:disabled,.form-group select:disabled{background:var(--surface-alt);color:var(--ink-soft);cursor:not-allowed}textarea{font-family:var(--font-mono);font-size:13px}small{color:var(--ink-soft);font-size:12px}.btn{width:100%;padding:10px 16px;background:var(--primary);color:#fffdf5;border:var(--border);border-radius:var(--radius-sm);font-weight:700;cursor:pointer;font-size:13.5px;font-family:var(--font-heading);letter-spacing:.3px;box-shadow:var(--shadow-sm);transition:all .1s ease-out;text-transform:uppercase}.btn:hover:not(:disabled){transform:translate(-1px,-1px);box-shadow:4px 4px 0 var(--ink);background:var(--primary-dark)}.btn:active:not(:disabled){transform:translate(2px,2px);box-shadow:1px 1px 0 var(--ink)}.btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:var(--shadow-sm)}.btn-secondary{background:var(--surface);color:var(--ink)}.btn-secondary:hover:not(:disabled){background:var(--accent-soft)}.btn-danger{background:var(--danger);color:#fffdf5}.btn-danger:hover:not(:disabled){background:#8f3021}.alert{padding:11px 14px;border:var(--border-thin);border-radius:var(--radius-sm);margin-bottom:14px;font-size:13px;font-weight:500;box-shadow:var(--shadow-sm)}.alert-error{background:var(--danger-soft);border-color:var(--danger);color:#6b1e13}.alert-success{background:var(--cool-soft);border-color:var(--cool);color:#1f3d33}.table{width:100%;border-collapse:separate;border-spacing:0;font-size:13.5px}.table th,.table td{padding:10px 12px;text-align:left;border-bottom:1.5px solid var(--ink);vertical-align:top}.table th{background:var(--ink);color:var(--accent);font-family:var(--font-heading);font-weight:700;font-size:12px;letter-spacing:.5px;text-transform:uppercase}.table th:first-child{border-top-left-radius:var(--radius-sm)}.table th:last-child{border-top-right-radius:var(--radius-sm)}.table tbody tr{background:var(--surface);transition:background .1s}.table tbody tr:nth-child(2n){background:var(--surface-alt)}.table tbody tr:hover{background:var(--accent-soft)}.table tbody tr:last-child td{border-bottom:2px solid var(--ink)}.badge{display:inline-block;padding:3px 10px;border-radius:999px;font-size:11.5px;font-weight:600;background:var(--surface-alt);color:var(--ink);border:1.5px solid var(--ink);font-family:var(--font-mono);letter-spacing:.3px}.badge-admin{background:var(--danger-soft);color:#6b1e13;border-color:var(--danger)}.badge-manager{background:var(--warn-soft);color:#6b4410;border-color:var(--accent)}.badge-marketing,.type-marketing{background:var(--info-soft);color:#1f3563;border-color:var(--info)}.badge-sale,.type-sale{background:var(--cool-soft);color:#1f3d33;border-color:var(--cool)}.badge-crm,.type-crm{background:#e5d4f0;color:#4e1f63;border-color:#7b3ea8}.badge-staff{background:var(--surface-alt);color:var(--ink-soft)}.status-connected{background:var(--cool-soft);color:#1f3d33;border-color:var(--cool)}.status-pending{background:var(--warn-soft);color:#6b4410;border-color:var(--accent)}.status-disconnected{background:var(--surface-alt);color:var(--ink-soft);border-color:var(--ink-faint)}.status-expired,.status-error{background:var(--danger-soft);color:#6b1e13;border-color:var(--danger)}.status-new{background:var(--info-soft);color:#1f3563;border-color:var(--info)}.status-contacted{background:var(--warn-soft);color:#6b4410;border-color:var(--accent)}.status-negotiating{background:#fdd28a;color:#6b3d0a;border-color:#d48f1e}.status-converted{background:var(--cool-soft);color:#1f3d33;border-color:var(--cool)}.status-rejected{background:var(--danger-soft);color:#6b1e13;border-color:var(--danger)}.status-archived{background:var(--surface-alt);color:var(--ink-soft);border-color:var(--ink-faint)}.kb-draft{background:var(--warn-soft);color:#6b4410;border-color:var(--accent)}.kb-published{background:var(--cool-soft);color:#1f3d33;border-color:var(--cool)}.kb-archived{background:var(--surface-alt);color:var(--ink-soft);border-color:var(--ink-faint)}.post-scheduled,.task-scheduled{background:var(--info-soft);color:#1f3563;border-color:var(--info)}.post-publishing,.task-running{background:var(--warn-soft);color:#6b4410;border-color:var(--accent)}.post-published,.task-completed{background:var(--cool-soft);color:#1f3d33;border-color:var(--cool)}.post-failed,.task-failed{background:var(--danger-soft);color:#6b1e13;border-color:var(--danger)}.post-cancelled,.task-cancelled{background:var(--surface-alt);color:var(--ink-soft);border-color:var(--ink-faint)}.conv-ai{background:var(--info-soft);color:#1f3563;border-color:var(--info)}.conv-paused{background:var(--warn-soft);color:#6b4410;border-color:var(--accent)}.conv-escalated{background:var(--danger-soft);color:#6b1e13;border-color:var(--danger)}.stage-cold{background:var(--info-soft);color:#1f3563;border-color:var(--info)}.stage-warm{background:var(--warn-soft);color:#6b4410;border-color:var(--accent)}.stage-hot{background:var(--danger-soft);color:#6b1e13;border-color:var(--danger)}.stage-closed{background:var(--cool-soft);color:#1f3d33;border-color:var(--cool)}.stage-lost{background:var(--surface-alt);color:var(--ink-soft);border-color:var(--ink-faint)}.health-ok{background:var(--cool-soft);color:#1f3d33;border-color:var(--cool)}.health-failed{background:var(--danger-soft);color:#6b1e13;border-color:var(--danger)}.health-unknown{background:var(--surface-alt);color:var(--ink-soft);border-color:var(--ink-faint)}.row{display:flex;gap:12px;flex-wrap:wrap}.row>*{flex:1;min-width:140px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#1f1a15a6;display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal{background:var(--surface);border:var(--border);border-radius:var(--radius);padding:24px;width:100%;max-width:500px;max-height:92vh;overflow-y:auto;box-shadow:var(--shadow-lg)}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;padding-bottom:12px;border-bottom:2px dashed var(--ink-faint)}.modal-header h3{margin:0}.icon-btn{background:var(--surface-alt);border:var(--border-thin);border-radius:var(--radius-sm);width:30px;height:30px;font-size:16px;cursor:pointer;color:var(--ink);font-weight:700;display:flex;align-items:center;justify-content:center}.icon-btn:hover{background:var(--accent-soft)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--ink-faint);border-radius:4px;border:2px solid var(--bg)}::-webkit-scrollbar-thumb:hover{background:var(--ink-soft)}::selection{background:var(--accent);color:var(--ink)}input[type=checkbox]{width:18px;height:18px;accent-color:var(--primary);cursor:pointer}