:root{--bg:#f5f7fc;--surface:#fff;--surface-2:#f8f9ff;--line:#e7eaf3;--text:#20243a;--muted:#7c849b;--primary:#705cf2;--cyan:#1dbdb5;--green:#24a96e;--amber:#b97915;--danger:#dc526d;--shadow:0 14px 40px rgba(33,41,80,.08);background:var(--bg);color:var(--text)}body{background:var(--bg)}.app-shell:before{background:radial-gradient(circle at 86% 0,rgba(91,120,251,.1),transparent 26%),radial-gradient(circle at 22% 100%,rgba(79,216,208,.1),transparent 28%)}.sidebar{background:rgba(255,255,255,.88);border-color:var(--line)}.brand-sub,.sidebar-status{color:#8991a8}.nav button{color:#6d758d}.nav button:hover,.nav button.active{color:#4e43a6;background:linear-gradient(90deg,rgba(112,92,242,.13),rgba(112,92,242,.02))}.topbar,.workspace,.metric{background:rgba(255,255,255,.88);border-color:var(--line);box-shadow:var(--shadow)}.topbar h1,.workspace-head h2{color:var(--text)}.today{border-color:var(--line)}.today span,.metric p,.metric small{color:var(--muted)}.ghost{color:#70789a}.primary{background:linear-gradient(135deg,#7b65f5,#5275f0);box-shadow:0 9px 19px rgba(92,91,230,.2)}.secondary{background:#f5f4ff;border-color:#dfdcfb;color:#5b5490}.chip{color:#6e7891;background:#fff;border-color:#e5e8f1}.chip.active{color:#5e4fd2;background:#f0edff;border-color:#cfc7ff}.search{background:#fff;border-color:#e1e5ee}.search input{color:var(--text)}.table th{color:#8690a8;background:#fafbfe;border-color:var(--line)}.table td{border-color:#eef0f5}.ticket-row:hover{background:#faf9ff}.ticket-button{color:var(--text)}.ticket-button small,.person small,.date{color:var(--muted)}.priority.normal{color:#6c7590;background:#eff1f6}.modal{background:#fff;border-color:var(--line);box-shadow:0 24px 70px rgba(25,34,72,.2)}.field{color:#6d758d}.field input,.field textarea,.field select{background:#fff;color:var(--text);border-color:#dfe4ee}.drawer{background:#fff;border-color:var(--line);box-shadow:-24px 0 70px rgba(25,34,72,.17)}.detail-grid{background:#edf0f6;border-color:#edf0f6}.detail-grid div{background:#fbfcff}.detail-grid small,.meta,.muted{color:var(--muted)}.detail-text,.comment p{color:#505a74}.close{background:#f2f3f8;color:#707994}.settings-status{background:#f5f7ff}.auth{background:radial-gradient(circle at 18% 12%,rgba(107,84,245,.17),transparent 31%),radial-gradient(circle at 85% 80%,rgba(41,198,210,.13),transparent 30%),var(--bg)}.auth-card{color:var(--text);background:rgba(255,255,255,.91);border-color:var(--line);box-shadow:0 24px 70px rgba(35,41,78,.16)}.auth h1{color:var(--text)}.auth .field{color:#66708a}.auth .field input{background:#fff;color:var(--text);border-color:#dfe4ee}.setting-account{border-color:var(--line)}.date-presets{display:flex;align-items:center;gap:7px;margin-left:auto}.date-preset{border:1px solid #e0e4ed;border-radius:9px;padding:7px 10px;color:#68728d;background:#fff;font-size:12px;font-weight:750;transition:.18s}.date-preset:hover,.date-preset.active{color:#5f50d0;border-color:#cfc7ff;background:#f3f0ff}.range-popover{position:relative}.range-popover summary{list-style:none;border:1px solid #dddaf8;border-radius:9px;padding:7px 10px;background:linear-gradient(135deg,#fbfaff,#f1efff);color:#6356be;font-size:12px;font-weight:800;cursor:pointer}.range-popover summary::-webkit-details-marker{display:none}.range-panel{position:absolute;right:0;top:37px;z-index:9;width:262px;padding:14px;border:1px solid #e1def7;border-radius:13px;background:#fff;box-shadow:0 18px 42px rgba(50,42,100,.16)}.range-panel label{display:grid;gap:5px;color:#7b8297;font-size:11px;font-weight:700}.range-panel input{height:34px;border:1px solid #dfe4ef;border-radius:8px;padding:0 8px;color:#30374e}.range-panel .range-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.range-panel footer{display:flex;justify-content:flex-end;gap:7px;margin-top:12px}.range-panel button{border:0;border-radius:8px;padding:7px 9px;font-size:11px;font-weight:800}.range-panel .apply-range{color:#fff;background:#725ef2}.range-panel .clear-range{color:#737b91;background:#f1f3f8}@media(max-width:900px){.date-presets{margin-left:0;width:100%;order:3}}@media(max-width:680px){.date-presets{gap:5px;flex-wrap:wrap}.date-preset,.range-popover summary{font-size:11px;padding:7px 8px}.range-panel{right:auto;left:0}}