:root{--bg: #0b1020;--surface: #121a30;--surface-2: #0e1730;--sidebar: #080c18;--sidebar-hover: rgba(255, 255, 255, .05);--sidebar-active: linear-gradient(135deg, #3f7bff, #2f5fff);--accent-grad: linear-gradient(135deg, #3f7bff, #2f5fff);--text: #eef2fb;--text-soft: #98a1b6;--text-muted: #7c8499;--text-inverse: #eef2fb;--primary: #4f8bff;--primary-hover: #3f7bff;--border: rgba(255, 255, 255, .06);--border-strong: rgba(255, 255, 255, .1);--danger: #ff6b6b;--radius: 12px;--shadow: 0 1px 3px rgba(0, 0, 0, .45), 0 10px 30px rgba(0, 0, 0, .35);--font: "Sora", system-ui, -apple-system, "Segoe UI", sans-serif}*{box-sizing:border-box;margin:0}html{color-scheme:dark}body{font-family:var(--font);background:var(--bg);color:var(--text);font-size:14.5px}a{color:inherit;text-decoration:none}.shell{display:grid;grid-template-columns:250px 1fr;min-height:100vh}.sidebar{background:var(--sidebar);color:var(--text);display:flex;flex-direction:column;padding:26px 16px 16px;position:sticky;top:0;height:100vh;border-right:1px solid rgba(255,255,255,.05)}.brand{font-size:23px;font-weight:800;letter-spacing:-.02em;padding:2px 8px 24px;color:#f0f4ff}.brand span{color:var(--primary)}.nav{display:flex;flex-direction:column;gap:2px;flex:1;overflow-y:auto}.nav-section{font-size:11px;text-transform:uppercase;letter-spacing:.16em;color:#5b6478;padding:20px 14px 6px;font-weight:600;background:none;border:none;text-align:left;cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-family:inherit}.nav-section:hover{color:#aab2c5}.nav-caret{font-size:10px}.nav a{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:11px;color:var(--text-soft);font-weight:500;font-size:14px;transition:background .14s,color .14s}.nav a:before{content:"";width:6px;height:6px;border-radius:2px;background:#4b5468;flex:none;transition:background .14s}.nav a:hover{background:var(--sidebar-hover);color:#fff}.nav a:hover:before{background:#7c8499}.nav a.active{background:var(--sidebar-active);color:#fff;font-size:14.5px;font-weight:600;box-shadow:0 10px 26px #2f5fff6b}.nav a.active:before{width:7px;height:7px;border-radius:50%;background:#fff}.sidebar .tenant{margin-top:auto;padding:14px 10px 4px;border-top:1px solid rgba(255,255,255,.05);display:flex;align-items:center;gap:10px}.tenant-chip{width:32px;height:32px;border-radius:9px;flex:none;background:#4f8bff24;color:#7aa2ff;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;text-transform:lowercase}.tenant-meta{display:flex;flex-direction:column;min-width:0}.tenant-name{font-size:13px;color:#c7cede;font-weight:600}.tenant-sub{font-size:11px;color:#5e667b}.main{display:flex;flex-direction:column;min-width:0;background:var(--bg)}.topbar{background:var(--bg);border-bottom:1px solid rgba(255,255,255,.05);padding:22px 32px;display:flex;justify-content:space-between;align-items:center}.topbar .titles{min-width:0}.topbar h1{font-size:22px;font-weight:700;color:#eef2fb;letter-spacing:-.01em}.topbar .subtitle{font-size:13px;color:var(--text-muted);margin-top:3px}.topbar .user{display:flex;align-items:center;gap:12px;color:var(--text-soft);font-size:13.5px}.alerts-btn{display:flex;align-items:center;gap:8px;padding:9px 14px;border-radius:11px;border:1px solid var(--border-strong);background:#ffffff08;color:#c7cede;font-family:inherit;font-size:13.5px;font-weight:600;cursor:pointer;transition:border-color .12s,color .12s}.alerts-btn:hover{border-color:#ffffff2e;color:#fff}.alert-dot{width:7px;height:7px;border-radius:50%;background:var(--primary);box-shadow:0 0 8px var(--primary);display:inline-block;flex:none}.alert-count{background:var(--primary);color:#06122e;border-radius:9px;font-size:11px;font-weight:700;padding:1px 6px}.user-pill{display:flex;align-items:center;gap:9px;padding:5px 13px 5px 5px;border-radius:999px;background:#ffffff08;border:1px solid var(--border)}.avatar{width:28px;height:28px;border-radius:50%;flex:none;background:var(--accent-grad);color:#fff;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700}.user-pill .user-name{font-size:13.5px;color:#dfe5f0;font-weight:600}.content{padding:30px 32px;max-width:1240px;width:100%;flex:1}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:22px}.modules-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:20px}.modules-head-title{font-size:15px;font-weight:600;color:#dfe5f0}.modules-head-sub{font-size:13px;color:var(--text-muted);margin-top:3px}.modules-count{font-size:13px;color:var(--text-muted)}.module-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:18px}.module-card{display:flex;flex-direction:column;padding:22px;border-radius:16px;background:var(--surface);border:1px solid var(--border);min-height:152px;cursor:pointer;transition:transform .18s,box-shadow .18s,border-color .18s}.module-card:hover,.module-card:focus-visible{border-color:#4f8bff80;transform:translateY(-3px);box-shadow:0 18px 40px #14286480;outline:none}.module-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.module-chip{width:44px;height:44px;border-radius:12px;background:var(--accent-grad);color:#fff;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;box-shadow:0 8px 18px #2f5fff66}.module-arrow{font-size:18px;color:#4b5468}.module-card .tile-label{font-size:17px;font-weight:700;color:#eef2fb}.module-desc{font-size:13.5px;color:#8993a8;margin-top:6px;line-height:1.5}label,.field-label{display:block;font-size:12.5px;font-weight:600;color:var(--text-soft);margin:14px 0 5px}input,select,textarea{width:100%;padding:9px 11px;border:1px solid var(--border);border-radius:8px;font-size:14px;font-family:var(--font);background:var(--surface-2);color:var(--text);transition:border-color .12s,box-shadow .12s}input::placeholder,textarea::placeholder{color:#5e667b}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #4f8bff2e}.ro-label{display:block;font-size:12.5px;font-weight:600;color:var(--text-soft);margin:14px 0 5px}.ro-value{font-size:14px;color:var(--text);margin:0;white-space:pre-wrap}button.primary{background:var(--accent-grad);color:#fff;border:none;border-radius:8px;padding:10px 18px;font-size:14.5px;font-weight:600;cursor:pointer;font-family:var(--font);transition:filter .12s;box-shadow:0 8px 18px #2f5fff4d}button.primary:hover{filter:brightness(1.07)}button.ghost{background:#ffffff08;border:1px solid var(--border-strong);border-radius:8px;padding:8px 14px;font-size:13.5px;cursor:pointer;color:var(--text-soft);font-family:var(--font);transition:color .12s,border-color .12s}button.ghost:hover{border-color:#fff3;color:#fff}button.linklike{background:none;border:none;padding:0;margin:0;cursor:pointer;color:inherit;font:inherit;text-align:inherit}.error{color:var(--danger);font-size:13px;margin-top:12px}.login-wrap{display:grid;place-items:center;min-height:100vh;background:radial-gradient(1100px 560px at 50% -10%,#16224a,#0b1020 62%)}.login-card{width:380px;padding:34px}.login-card .brand{color:var(--text);padding:0 0 6px}.login-card .sub{color:var(--text-soft);font-size:13.5px;margin-bottom:10px}.login-card button.primary{width:100%;margin-top:22px}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:14px}th,td{text-align:left;padding:11px 14px;border-bottom:1px solid var(--border)}th{color:var(--text-muted);font-size:11.5px;text-transform:uppercase;letter-spacing:.06em;font-weight:600;background:#ffffff08}tbody tr{transition:background .1s}tbody tr:hover{background:#ffffff0a}.badge{display:inline-block;padding:3px 10px;border-radius:99px;font-size:12px;font-weight:600;background:#ffffff12;color:#c7cede}.badge.OPEN,.badge.SENT{background:#4f8bff2e;color:#9bc1ff}.badge.IN_PROGRESS,.badge.MEDIUM,.badge.ACKNOWLEDGED,.badge.COMPLAINED{background:#f5b24329;color:#f3c069}.badge.COMPLETED,.badge.ACTIVE,.badge.PAID,.badge.RESOLVED,.badge.DELIVERED{background:#34c77b29;color:#5fd99b}.badge.ON_HOLD,.badge.VOID,.badge.HIGH,.badge.BOUNCED,.badge.FAILED{background:#ff6b6b29;color:#ff9b9b}.badge.CANCELLED,.badge.INACTIVE,.badge.DRAFT,.badge.QUEUED,.badge.LOW{background:#ffffff12;color:#9aa3b8}.badge.CRITICAL{background:#ff6b6b4d;color:#ffc2c2}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 22px}@media(min-width:1100px){.form-grid{grid-template-columns:1fr 1fr 1fr}}.status-bar{display:flex;align-items:center;gap:14px;padding-bottom:16px;margin-bottom:6px;border-bottom:1px solid var(--border)}.status-actions{display:flex;gap:8px}.form-actions{display:flex;gap:10px;margin-top:24px;align-items:center}button.ghost.danger{color:var(--danger);border-color:#ff6b6b66}button.ghost.danger:hover{border-color:var(--danger)}tbody tr.clickable{cursor:pointer}.contact-picker{position:relative}.contact-picker .chips{display:flex;flex-wrap:wrap;gap:6px;margin:4px 0}.contact-picker .chip{display:inline-flex;align-items:center;gap:6px;background:#4f8bff29;color:#9bc1ff;border-radius:99px;padding:3px 10px;font-size:13px}.contact-picker .chip button{background:none;border:none;color:inherit;cursor:pointer;font-size:15px;line-height:1;padding:0}.picker-results{position:absolute;z-index:20;left:0;right:0;margin-top:2px;list-style:none;background:var(--surface);border:1px solid var(--border);border-radius:8px;box-shadow:var(--shadow);max-height:220px;overflow-y:auto}.picker-results li button{display:block;width:100%;text-align:left;background:none;border:none;padding:8px 11px;cursor:pointer;font-size:14px;font-family:var(--font);color:var(--text)}.picker-results li button:hover{background:#ffffff0d}.picker-results .muted{color:var(--text-muted);font-size:12.5px}.pipeline{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;align-items:start}.pipeline-col{background:#ffffff08;border-radius:var(--radius);padding:10px;min-height:120px}.pipeline-head{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);padding:2px 4px 10px}.pipeline-head span{font-weight:400}.deal-card{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:10px 12px;margin-bottom:8px;cursor:pointer;box-shadow:var(--shadow);font-size:13.5px}.deal-card:hover{border-color:var(--primary)}.deal-sub{color:var(--text-muted);font-size:12.5px;margin-top:2px}.folder-row{padding:7px 10px;border-radius:7px;cursor:pointer;font-size:13.5px;display:flex;align-items:center;gap:7px}.folder-row:hover{background:#ffffff0d}.folder-row.active{background:#4f8bff29;font-weight:600}.folder-caret{width:12px;color:var(--text-muted);font-size:11px}.pager{display:flex;align-items:center;justify-content:flex-end;gap:14px;padding:12px 14px;color:var(--text-muted);font-size:13px}.pager button:disabled{opacity:.45;cursor:default}.page-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.page-head h2{font-size:20px;font-weight:700}.toolbar{display:flex;gap:10px;align-items:center}.toolbar input{width:260px}.footer{margin-top:auto;padding:16px 32px;border-top:1px solid rgba(255,255,255,.05);color:#5e667b;font-size:12.5px;background:var(--bg)}.menu-button,.drawer-backdrop{display:none}@media(max-width:768px){.shell{grid-template-columns:1fr}.sidebar{position:fixed;left:0;top:0;bottom:0;width:250px;z-index:90;height:100dvh;transform:translate(-100%);transition:transform .18s ease;box-shadow:34px 0 70px #0000008c}.sidebar.open{transform:translate(0)}.drawer-backdrop{display:block;position:fixed;inset:0;background:#04070e9e;z-index:80}.menu-button{display:inline-block}.topbar{padding:14px 16px;gap:10px;flex-wrap:wrap}.topbar h1{font-size:25px}.topbar .user{gap:8px;flex-wrap:wrap}.topbar .user-name{display:none}.content{padding:18px 16px}.footer{padding:14px 16px}.form-grid{grid-template-columns:1fr}.page-head{flex-wrap:wrap;gap:10px}.toolbar{flex-wrap:wrap;width:100%}.toolbar input{width:100%}.toolbar select{flex:1 1 auto}}.back-to-top{display:none;position:fixed;right:18px;bottom:calc(18px + env(safe-area-inset-bottom,0px));width:44px;height:44px;border-radius:50%;padding:0;align-items:center;justify-content:center;background:var(--accent-grad);color:#fff;border:none;cursor:pointer;box-shadow:0 8px 20px #2f5fff73;z-index:75;transition:transform .1s}.back-to-top:active{transform:translateY(1px)}.back-to-top.show{display:flex}