@font-face{font-family:Fira Code;font-style:normal;font-weight:400 500;font-display:swap;src:url(/fonts/fira-code-cyrillic.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Fira Code;font-style:normal;font-weight:400 500;font-display:swap;src:url(/fonts/fira-code-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Onest;font-style:normal;font-weight:300 800;font-display:swap;src:url(/fonts/onest-cyrillic.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Onest;font-style:normal;font-weight:300 800;font-display:swap;src:url(/fonts/onest-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Unbounded;font-style:normal;font-weight:400 900;font-display:swap;src:url(/fonts/unbounded-cyrillic.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Unbounded;font-style:normal;font-weight:400 900;font-display:swap;src:url(/fonts/unbounded-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: var(--ds-surface-page);--surface: var(--ds-surface-card);--primary: var(--ds-yellow);--primary-hover: var(--ds-yellow-hover);--text: var(--ds-text-primary);--text-secondary: var(--ds-text-secondary);--border: var(--ds-border-subtle);--radius: var(--ds-r-md);--shadow: var(--ds-shadow-sm);--shadow-lg: var(--ds-shadow-md);--active-bg: rgba(74, 222, 128, .08);--active-border: var(--ds-success);--inactive-bg: rgba(251, 191, 36, .08);--inactive-border: var(--ds-warning);--completed-bg: rgba(255, 255, 255, .04);--completed-border: var(--ds-border-normal);--danger: var(--ds-error);--danger-hover: #e05555}html{scroll-behavior:smooth}body{font-family:var(--ds-font-body);font-size:14px;background:var(--ds-surface-page);color:var(--ds-text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button{cursor:pointer;font-family:inherit}input,textarea,select{font-family:inherit}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--ds-border-normal);border-radius:2px}.segmented{display:flex;width:100%;background:var(--ds-surface-elevated);border-radius:var(--ds-r-lg);padding:3px;gap:2px;border:1px solid var(--ds-border-subtle)}.segmented-item{display:flex;align-items:center;justify-content:center;gap:6px;flex:1;padding:7px 14px;border:none;background:none;font-family:var(--ds-font-body);font-size:12px;font-weight:500;color:var(--ds-text-muted);border-radius:var(--ds-r-md);cursor:pointer;transition:background var(--ds-t-fast),color var(--ds-t-fast),box-shadow var(--ds-t-fast);white-space:nowrap}.segmented-item:hover{color:var(--ds-text-primary)}.segmented-item--active{background:var(--ds-yellow);color:#000;font-weight:700;box-shadow:var(--ds-shadow-sm)}.segmented-count{background:#00000026;padding:1px 6px;border-radius:var(--ds-r-full);font-size:10px;font-weight:700}.segmented-item:not(.segmented-item--active) .segmented-count{background:#ffffff14;color:var(--ds-text-muted)}.theme-light .segmented-item:not(.segmented-item--active) .segmented-count{background:#00000014}.theme-light body{background:var(--ds-surface-page);color:var(--ds-text-primary)}:root{--ds-yellow: #F0E100;--ds-yellow-hover: #F5E833;--ds-yellow-dark: #C8BC00;--ds-yellow-05: rgba(240, 225, 0, .05);--ds-yellow-10: rgba(240, 225, 0, .1);--ds-yellow-20: rgba(240, 225, 0, .2);--ds-yellow-40: rgba(240, 225, 0, .4);--ds-bg-0: #080808;--ds-bg-1: #111111;--ds-bg-2: #1A1A1A;--ds-bg-3: #242424;--ds-bg-4: #2E2E2E;--ds-bg-5: #3A3A3A;--ds-surface-page: var(--ds-bg-0);--ds-surface-base: var(--ds-bg-1);--ds-surface-card: var(--ds-bg-2);--ds-surface-elevated: var(--ds-bg-3);--ds-surface-highest: var(--ds-bg-4);--ds-gray-900: #171717;--ds-gray-800: #262626;--ds-gray-700: #3A3A3A;--ds-gray-600: #525252;--ds-gray-500: #737373;--ds-gray-400: #A3A3A3;--ds-gray-300: #D4D4D4;--ds-gray-200: #E5E5E5;--ds-gray-100: #F5F5F5;--ds-text-primary: #FFFFFF;--ds-text-secondary: rgba(255, 255, 255, .65);--ds-text-muted: rgba(255, 255, 255, .38);--ds-text-disabled: rgba(255, 255, 255, .22);--ds-text-on-yellow: #000000;--ds-border-subtle: rgba(255, 255, 255, .06);--ds-border-normal: rgba(255, 255, 255, .1);--ds-border-strong: rgba(255, 255, 255, .2);--ds-border-accent: rgba(240, 225, 0, .45);--ds-success: #4ADE80;--ds-warning: #FBBF24;--ds-error: #F87171;--ds-info: #60A5FA;--ds-glass-bg: rgba(255, 255, 255, .04);--ds-glass-border: rgba(255, 255, 255, .08);--ds-glass-blur: blur(20px) saturate(150%);--ds-shadow-sm: 0 1px 4px rgba(0, 0, 0, .6);--ds-shadow-md: 0 4px 16px rgba(0, 0, 0, .7);--ds-shadow-lg: 0 8px 32px rgba(0, 0, 0, .8);--ds-shadow-xl: 0 16px 56px rgba(0, 0, 0, .85);--ds-shadow-yellow: 0 4px 20px rgba(240, 225, 0, .25);--ds-shadow-inset: inset 0 1px 0 rgba(255, 255, 255, .06);--ds-r-xs: 6px;--ds-r-sm: 10px;--ds-r-md: 14px;--ds-r-lg: 20px;--ds-r-xl: 28px;--ds-r-2xl: 36px;--ds-r-full: 9999px;--ds-sp-1: 4px;--ds-sp-2: 8px;--ds-sp-3: 12px;--ds-sp-4: 16px;--ds-sp-5: 20px;--ds-sp-6: 24px;--ds-sp-8: 32px;--ds-sp-10: 40px;--ds-sp-12: 48px;--ds-font-display: "Unbounded", sans-serif;--ds-font-body: "Onest", sans-serif;--ds-font-code: "Fira Code", monospace;--ds-ease: cubic-bezier(.23, 1, .32, 1);--ds-t-fast: .11s;--ds-t-norm: .22s;--ds-t-base: .22s;--ds-t-slow: .38s;--ds-yellow-08: rgba(240, 225, 0, .08);--ds-font-mono: var(--ds-font-code)}.theme-light{--ds-bg-0: #F8F8F8;--ds-bg-1: #FFFFFF;--ds-bg-2: #F5F5F5;--ds-bg-3: #EEEEEE;--ds-bg-4: #E5E5E5;--ds-bg-5: #DCDCDC;--ds-surface-page: #F2F2F2;--ds-surface-base: #FFFFFF;--ds-surface-card: #FFFFFF;--ds-surface-elevated: #F0F0F0;--ds-surface-highest: #E8E8E8;--ds-text-primary: #0A0A0A;--ds-text-secondary: rgba(0, 0, 0, .62);--ds-text-muted: rgba(0, 0, 0, .42);--ds-text-disabled: rgba(0, 0, 0, .25);--ds-text-on-yellow: #000000;--ds-border-subtle: rgba(0, 0, 0, .07);--ds-border-normal: rgba(0, 0, 0, .12);--ds-border-strong: rgba(0, 0, 0, .22);--ds-border-accent: rgba(200, 188, 0, .55);--ds-yellow-05: rgba(240, 225, 0, .1);--ds-yellow-10: rgba(240, 225, 0, .18);--ds-yellow-20: rgba(240, 225, 0, .3);--ds-yellow-40: rgba(240, 225, 0, .5);--ds-yellow-08: rgba(240, 225, 0, .14);--ds-glass-bg: rgba(255, 255, 255, .8);--ds-glass-border: rgba(255, 255, 255, .9);--ds-shadow-sm: 0 1px 4px rgba(0, 0, 0, .08);--ds-shadow-md: 0 4px 16px rgba(0, 0, 0, .1);--ds-shadow-lg: 0 8px 32px rgba(0, 0, 0, .12);--ds-shadow-xl: 0 16px 56px rgba(0, 0, 0, .15);--ds-shadow-yellow: 0 4px 20px rgba(200, 188, 0, .3);--ds-shadow-inset: inset 0 1px 0 rgba(255, 255, 255, .9)}.ds-screen{font-family:var(--ds-font-body);font-size:14px;line-height:1.6;background:var(--ds-surface-page);color:var(--ds-text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.ds-display{font-family:var(--ds-font-display);font-size:48px;font-weight:900;line-height:1;letter-spacing:-2px;color:var(--ds-text-primary)}.ds-h1{font-family:var(--ds-font-display);font-size:32px;font-weight:800;line-height:1.1;letter-spacing:-1px;color:var(--ds-text-primary)}.ds-h2{font-family:var(--ds-font-display);font-size:24px;font-weight:800;line-height:1.2;letter-spacing:-.5px;color:var(--ds-text-primary)}.ds-h3{font-family:var(--ds-font-display);font-size:18px;font-weight:700;line-height:1.3;color:var(--ds-text-primary)}.ds-h4{font-family:var(--ds-font-body);font-size:16px;font-weight:700;color:var(--ds-text-primary)}.ds-body-lg{font-size:16px;font-weight:400;line-height:1.7;color:var(--ds-text-secondary)}.ds-body{font-size:14px;font-weight:400;line-height:1.65;color:var(--ds-text-secondary)}.ds-body-sm{font-size:13px;font-weight:400;line-height:1.6;color:var(--ds-text-secondary)}.ds-caption{font-size:12px;font-weight:500;color:var(--ds-text-muted)}.ds-label{font-size:10px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;color:var(--ds-text-muted)}.ds-code{font-family:var(--ds-font-code);font-size:13px;color:var(--ds-yellow)}.ds-accent{color:var(--ds-yellow)}.ds-flex{display:flex}.ds-flex-col{flex-direction:column}.ds-items-center{align-items:center}.ds-items-start{align-items:flex-start}.ds-justify-between{justify-content:space-between}.ds-justify-center{justify-content:center}.ds-gap-2{gap:var(--ds-sp-2)}.ds-gap-3{gap:var(--ds-sp-3)}.ds-gap-4{gap:var(--ds-sp-4)}.ds-gap-5{gap:var(--ds-sp-5)}.ds-flex-1{flex:1}.ds-w-full{width:100%}.ds-grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--ds-sp-4)}.ds-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--ds-sp-4)}.ds-grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--ds-sp-3)}.ds-mt-2{margin-top:var(--ds-sp-2)}.ds-mt-3{margin-top:var(--ds-sp-3)}.ds-mt-4{margin-top:var(--ds-sp-4)}.ds-mt-6{margin-top:var(--ds-sp-6)}.ds-mb-2{margin-bottom:var(--ds-sp-2)}.ds-mb-3{margin-bottom:var(--ds-sp-3)}.ds-mb-4{margin-bottom:var(--ds-sp-4)}.ds-mb-6{margin-bottom:var(--ds-sp-6)}.ds-p-3{padding:var(--ds-sp-3)}.ds-p-4{padding:var(--ds-sp-4)}.ds-p-5{padding:var(--ds-sp-5)}.ds-divider{height:1px;background:var(--ds-border-subtle);margin:var(--ds-sp-6) 0}.ds-screen ::-webkit-scrollbar{width:4px;height:4px}.ds-screen ::-webkit-scrollbar-track{background:transparent}.ds-screen ::-webkit-scrollbar-thumb{background:var(--ds-border-normal);border-radius:2px}@keyframes ds-spin{to{transform:rotate(360deg)}}@keyframes ds-shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes ds-fade-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes ds-pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes ds-bounce{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-5px)}}.ds-ani-fade-up{animation:ds-fade-up var(--ds-t-norm) var(--ds-ease) both}.ds-ani-pulse{animation:ds-pulse 2s ease-in-out infinite}.ds-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--ds-sp-2);padding:10px 20px;border-radius:var(--ds-r-lg);font-family:var(--ds-font-body);font-size:14px;font-weight:600;cursor:pointer;border:none;text-decoration:none;transition:all var(--ds-t-fast) var(--ds-ease);white-space:nowrap;position:relative;overflow:hidden}.ds-btn:active{transform:scale(.97)}.ds-btn-xs{padding:5px 12px;font-size:11px;border-radius:var(--ds-r-sm)}.ds-btn-sm{padding:7px 14px;font-size:12px;border-radius:var(--ds-r-md)}.ds-btn-md{padding:10px 20px;font-size:14px}.ds-btn-lg{padding:13px 28px;font-size:15px;border-radius:var(--ds-r-xl)}.ds-btn-xl{padding:15px 36px;font-size:16px;font-weight:700;border-radius:var(--ds-r-xl)}.ds-btn-primary{background:var(--ds-yellow);color:#000;font-weight:700;box-shadow:var(--ds-shadow-yellow)}.ds-btn-primary:hover{background:var(--ds-yellow-hover);box-shadow:0 6px 24px #f0e10059;transform:translateY(-1px)}.ds-btn-dark{background:#fff;color:#000;font-weight:700}.ds-btn-dark:hover{background:var(--ds-gray-100);transform:translateY(-1px)}.ds-btn-secondary{background:var(--ds-surface-elevated);color:var(--ds-text-primary);border:1px solid var(--ds-border-normal)}.ds-btn-secondary:hover{border-color:var(--ds-border-accent);background:var(--ds-yellow-05)}.ds-btn-ghost{background:transparent;color:var(--ds-text-secondary);border:1px solid var(--ds-border-subtle)}.ds-btn-ghost:hover{background:#ffffff0f;border-color:var(--ds-border-normal);color:var(--ds-text-primary)}.ds-btn-outline{background:transparent;color:var(--ds-yellow);border:1px solid var(--ds-border-accent)}.ds-btn-outline:hover{background:var(--ds-yellow-10)}.ds-btn-danger{background:#f871711f;color:var(--ds-error);border:1px solid rgba(248,113,113,.22)}.ds-btn-danger:hover{background:#f8717138}.ds-btn-icon{padding:0;width:38px;height:38px;border-radius:var(--ds-r-md);background:var(--ds-surface-elevated);color:var(--ds-text-muted);border:1px solid var(--ds-border-subtle);font-size:15px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:all var(--ds-t-fast) var(--ds-ease)}.ds-btn-icon:hover{color:var(--ds-yellow);border-color:var(--ds-border-accent);background:var(--ds-yellow-05)}.ds-btn-icon.sm{width:30px;height:30px;font-size:13px;border-radius:var(--ds-r-sm)}.ds-btn-icon.lg{width:46px;height:46px;font-size:17px;border-radius:var(--ds-r-lg)}.ds-btn-icon.active{background:var(--ds-yellow);color:#000;border-color:var(--ds-yellow)}.ds-btn:disabled,.ds-btn-disabled{opacity:.3;cursor:not-allowed;pointer-events:none}.ds-btn-loading{color:transparent!important;pointer-events:none}.ds-btn-loading:before{content:"";position:absolute;width:15px;height:15px;border:2px solid rgba(0,0,0,.2);border-top-color:#000;border-radius:50%;animation:ds-spin .7s linear infinite}.ds-btn-dark.ds-btn-loading:before,.ds-btn-ghost.ds-btn-loading:before{border-color:#fff3;border-top-color:#fff}.ds-form-group{display:flex;flex-direction:column;gap:5px;margin-bottom:var(--ds-sp-4)}.ds-form-label{font-size:11px;font-weight:600;color:var(--ds-text-secondary);letter-spacing:.2px}.ds-form-hint{font-size:11px;color:var(--ds-text-muted)}.ds-form-err{font-size:11px;color:var(--ds-error)}.ds-input{width:100%;padding:10px 14px;background:var(--ds-surface-elevated);border:1px solid var(--ds-border-normal);border-radius:var(--ds-r-md);font-family:var(--ds-font-body);font-size:14px;color:var(--ds-text-primary);outline:none;transition:border-color var(--ds-t-fast),box-shadow var(--ds-t-fast),background var(--ds-t-fast)}.ds-input::placeholder{color:var(--ds-text-disabled)}.ds-input:focus{border-color:var(--ds-yellow);box-shadow:0 0 0 3px var(--ds-yellow-10);background:var(--ds-bg-3)}.ds-input.error{border-color:var(--ds-error)}.ds-input.error:focus{box-shadow:0 0 0 3px #f871711f}.ds-input.success{border-color:var(--ds-success)}.ds-input-sm{padding:7px 11px;font-size:13px;border-radius:var(--ds-r-sm)}.ds-input-lg{padding:12px 16px;font-size:15px;border-radius:var(--ds-r-lg)}.ds-input-wrap{position:relative}.ds-input-wrap .ds-ii-l{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--ds-text-muted);pointer-events:none}.ds-input-wrap .ds-ii-r{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:var(--ds-text-muted)}.ds-input-wrap.hl .ds-input{padding-left:38px}.ds-input-wrap.hr .ds-input{padding-right:38px}textarea.ds-input{resize:vertical;min-height:88px;line-height:1.6}.ds-select-wrap{position:relative}.ds-select-wrap:after{content:"▾";position:absolute;right:12px;top:50%;transform:translateY(-50%);pointer-events:none;color:var(--ds-text-muted);font-size:11px}select.ds-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;padding-right:32px}.ds-toggle-wrap{display:flex;align-items:center;gap:var(--ds-sp-3);cursor:pointer}.ds-tg-sw{width:42px;height:22px;background:var(--ds-surface-highest);border:1px solid var(--ds-border-normal);border-radius:var(--ds-r-full);position:relative;transition:all var(--ds-t-norm) var(--ds-ease);flex-shrink:0}.ds-tg-sw:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;background:var(--ds-gray-500);border-radius:50%;transition:transform var(--ds-t-norm) var(--ds-ease),background var(--ds-t-norm)}.ds-toggle-wrap input:checked~.ds-tg-sw{background:var(--ds-yellow);border-color:var(--ds-yellow)}.ds-toggle-wrap input:checked~.ds-tg-sw:after{transform:translate(20px);background:#000}.ds-toggle-wrap input{display:none}.ds-tg-label{font-size:13px;font-weight:500;color:var(--ds-text-primary)}.ds-tg-sub{font-size:11px;color:var(--ds-text-muted)}.ds-cb-wrap{display:flex;align-items:center;gap:var(--ds-sp-2);cursor:pointer}.ds-cb-box{width:17px;height:17px;background:var(--ds-surface-elevated);border:2px solid var(--ds-border-normal);border-radius:var(--ds-r-xs);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all var(--ds-t-fast);font-size:10px;color:transparent}.ds-cb-wrap input:checked~.ds-cb-box{background:var(--ds-yellow);border-color:var(--ds-yellow);color:#000}.ds-cb-wrap input{display:none}.ds-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 9px;border-radius:var(--ds-r-full);font-size:10px;font-weight:700;letter-spacing:.3px;white-space:nowrap}.ds-badge-yellow{background:var(--ds-yellow-10);color:var(--ds-yellow);border:1px solid var(--ds-border-accent)}.ds-badge-success{background:#4ade801a;color:var(--ds-success);border:1px solid rgba(74,222,128,.22)}.ds-badge-error{background:#f871711a;color:var(--ds-error);border:1px solid rgba(248,113,113,.22)}.ds-badge-warning{background:#fbbf241a;color:var(--ds-warning);border:1px solid rgba(251,191,36,.22)}.ds-badge-info{background:#60a5fa1a;color:var(--ds-info);border:1px solid rgba(96,165,250,.22)}.ds-badge-gray{background:var(--ds-surface-elevated);color:var(--ds-text-muted);border:1px solid var(--ds-border-subtle)}.ds-badge-white{background:#ffffff14;color:var(--ds-text-primary);border:1px solid var(--ds-border-normal)}.ds-badge-dot:before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor;display:inline-block}.ds-chip{display:inline-flex;align-items:center;gap:5px;padding:5px 11px;background:var(--ds-surface-elevated);border:1px solid var(--ds-border-normal);border-radius:var(--ds-r-full);font-size:12px;font-weight:500;color:var(--ds-text-muted);cursor:pointer;transition:all var(--ds-t-fast)}.ds-chip:hover{border-color:var(--ds-border-accent);background:var(--ds-yellow-05);color:var(--ds-text-primary)}.ds-chip.active{background:var(--ds-yellow);color:#000;border-color:var(--ds-yellow);font-weight:700}.ds-chip-x{font-size:13px;opacity:.5}.ds-chip:hover .ds-chip-x{opacity:1}.ds-card{background:var(--ds-surface-card);border:1px solid var(--ds-border-subtle);border-radius:var(--ds-r-xl);overflow:hidden;transition:box-shadow var(--ds-t-norm),transform var(--ds-t-norm)}.ds-card:hover{box-shadow:var(--ds-shadow-md)}.ds-card-body{padding:var(--ds-sp-5)}.ds-card-header{padding:var(--ds-sp-4) var(--ds-sp-5);border-bottom:1px solid var(--ds-border-subtle);display:flex;align-items:center;justify-content:space-between}.ds-card-footer{padding:var(--ds-sp-4) var(--ds-sp-5);border-top:1px solid var(--ds-border-subtle)}.ds-card-title{font-size:14px;font-weight:700;color:var(--ds-text-primary)}.ds-card-sub{font-size:11px;color:var(--ds-text-muted);margin-top:2px}.ds-card-accent{border-top:2px solid var(--ds-yellow)}.ds-card-glass{background:var(--ds-glass-bg);backdrop-filter:var(--ds-glass-blur);-webkit-backdrop-filter:var(--ds-glass-blur);border:1px solid var(--ds-glass-border);border-radius:var(--ds-r-xl);box-shadow:var(--ds-shadow-inset),var(--ds-shadow-md)}.ds-tab-bar{display:flex;gap:2px;background:var(--ds-surface-elevated);border-radius:var(--ds-r-full);padding:3px}.ds-tab-item{padding:6px 15px;font-size:12px;font-weight:500;color:var(--ds-text-muted);border-radius:var(--ds-r-full);cursor:pointer;transition:all var(--ds-t-fast);white-space:nowrap;border:none;background:none}.ds-tab-item:hover{color:var(--ds-text-primary)}.ds-tab-item.active{background:var(--ds-surface-base);color:var(--ds-text-primary);font-weight:600;box-shadow:var(--ds-shadow-sm)}.ds-app-tab{padding:5px 12px;font-size:12px;font-weight:500;color:var(--ds-text-muted);border-radius:var(--ds-r-sm);cursor:pointer;transition:all var(--ds-t-fast);white-space:nowrap;border:none;background:none}.ds-app-tab:hover{color:var(--ds-text-primary);background:#ffffff0d}.ds-app-tab.active{color:var(--ds-yellow);background:var(--ds-yellow-10);font-weight:600}.ds-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--ds-sp-6)}.ds-modal{background:var(--ds-surface-card);border:1px solid var(--ds-border-normal);border-radius:var(--ds-r-xl);box-shadow:var(--ds-shadow-xl),var(--ds-shadow-inset);overflow:hidden;width:100%;animation:ds-fade-up var(--ds-t-norm) var(--ds-ease) both}.ds-modal-sm{max-width:340px}.ds-modal-md{max-width:460px}.ds-modal-lg{max-width:620px}.ds-modal-head{display:flex;align-items:center;justify-content:space-between;padding:var(--ds-sp-5) var(--ds-sp-5) var(--ds-sp-4);border-bottom:1px solid var(--ds-border-subtle)}.ds-modal-title{font-family:var(--ds-font-display);font-size:16px;font-weight:800;color:var(--ds-text-primary)}.ds-modal-x{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:var(--ds-r-sm);color:var(--ds-text-muted);cursor:pointer;background:transparent;border:none;font-size:17px;transition:all var(--ds-t-fast)}.ds-modal-x:hover{background:var(--ds-surface-elevated);color:var(--ds-text-primary)}.ds-modal-body{padding:var(--ds-sp-5)}.ds-modal-foot{padding:var(--ds-sp-4) var(--ds-sp-5);border-top:1px solid var(--ds-border-subtle);display:flex;justify-content:flex-end;gap:var(--ds-sp-2)}.ds-modal-icon{width:52px;height:52px;border-radius:var(--ds-r-lg);display:flex;align-items:center;justify-content:center;font-size:24px;margin:0 auto var(--ds-sp-4)}.ds-mi-danger{background:#f871711a}.ds-mi-success{background:#4ade801a}.ds-mi-yellow{background:var(--ds-yellow-10)}.ds-toast{display:flex;align-items:flex-start;gap:var(--ds-sp-3);padding:var(--ds-sp-3) var(--ds-sp-4);background:var(--ds-bg-3);border:1px solid var(--ds-border-normal);border-radius:var(--ds-r-lg);box-shadow:var(--ds-shadow-lg);max-width:320px;position:relative;overflow:hidden}.ds-toast:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px}.ds-toast-yellow:before{background:var(--ds-yellow)}.ds-toast-success:before{background:var(--ds-success)}.ds-toast-error:before{background:var(--ds-error)}.ds-toast-warning:before{background:var(--ds-warning)}.ds-toast-info:before{background:var(--ds-info)}.ds-toast-icon{font-size:17px;flex-shrink:0;margin-top:1px}.ds-toast-title{font-size:12px;font-weight:700;color:var(--ds-text-primary)}.ds-toast-desc{font-size:11px;color:var(--ds-text-muted);margin-top:2px}.ds-alert{display:flex;align-items:flex-start;gap:var(--ds-sp-3);padding:var(--ds-sp-4);border-radius:var(--ds-r-lg);border:1px solid}.ds-alert-yellow{background:var(--ds-yellow-05);border-color:var(--ds-border-accent);color:var(--ds-yellow)}.ds-alert-success{background:#4ade800f;border-color:#4ade802e;color:var(--ds-success)}.ds-alert-error{background:#f871710f;border-color:#f871712e;color:var(--ds-error)}.ds-alert-warning{background:#fbbf240f;border-color:#fbbf242e;color:var(--ds-warning)}.ds-alert-title{font-size:12px;font-weight:700;margin-bottom:2px}.ds-alert-desc{font-size:11px;opacity:.8}.ds-spinner{display:inline-block;border-radius:50%;border-style:solid;border-color:var(--ds-border-normal);animation:ds-spin .75s linear infinite}.ds-sp-sm{width:14px;height:14px;border-width:2px;border-top-color:var(--ds-yellow)}.ds-sp-md{width:22px;height:22px;border-width:2px;border-top-color:var(--ds-yellow)}.ds-sp-lg{width:34px;height:34px;border-width:3px;border-top-color:var(--ds-yellow)}.ds-sp-xl{width:46px;height:46px;border-width:3px;border-top-color:var(--ds-yellow)}.ds-skel{background:var(--ds-surface-elevated);border-radius:var(--ds-r-sm);position:relative;overflow:hidden}.ds-skel:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.04) 50%,transparent 100%);animation:ds-shimmer 1.5s ease-in-out infinite}.ds-skel-txt{height:13px;margin-bottom:7px}.ds-skel-ttl{height:19px;margin-bottom:10px}.ds-skel-av{width:38px;height:38px;border-radius:50%}.ds-skel-img{width:100%;height:110px;border-radius:var(--ds-r-md)}.ds-skel-btn{height:38px;border-radius:var(--ds-r-lg)}.ds-prog-track{width:100%;height:5px;background:var(--ds-surface-elevated);border-radius:var(--ds-r-full);overflow:hidden}.ds-prog-fill{height:100%;border-radius:var(--ds-r-full);background:var(--ds-yellow);transition:width var(--ds-t-slow) var(--ds-ease)}.ds-prog-success{background:var(--ds-success)!important}.ds-prog-grad{background:linear-gradient(90deg,var(--ds-yellow-dark),var(--ds-yellow),var(--ds-yellow-hover))!important}.ds-cmd-wrap{display:inline-flex;align-items:center;gap:14px}.ds-cmd-bar{display:inline-flex;align-items:center;background:#1c1c1c;border:1px solid rgba(255,255,255,.1);border-radius:var(--ds-r-full);padding:6px;gap:4px;box-shadow:0 10px 40px #0000008c,0 3px 10px #0000004d,inset 0 1px #ffffff12;transition:box-shadow var(--ds-t-norm) var(--ds-ease),transform var(--ds-t-norm) var(--ds-ease)}.ds-cmd-bar:hover{box-shadow:0 18px 60px #000000a6,0 6px 16px #00000059,inset 0 1px #ffffff12;transform:translateY(-2px)}.ds-cmd-bar--sm{padding:4px;gap:2px;box-shadow:0 4px 16px #00000073,0 2px 6px #00000040,inset 0 1px #ffffff12}.ds-cmd-bar--sm:hover{box-shadow:0 8px 28px #0000008c,0 3px 10px #0000004d,inset 0 1px #ffffff12;transform:translateY(-1px)}.ds-cmd-btn{display:inline-flex;align-items:center;justify-content:center;height:52px;min-width:52px;border-radius:var(--ds-r-full);padding:0 16px;gap:8px;font-family:var(--ds-font-body);font-size:13px;font-weight:700;cursor:pointer;border:none;background:transparent;color:#ffffff6b;transition:all .18s var(--ds-ease);white-space:nowrap;overflow:hidden}.ds-cmd-bar--sm .ds-cmd-btn{height:30px;min-width:30px;padding:0 11px;font-size:12px}.ds-cmd-btn:hover{background:#ffffff17;color:#ffffffd1}.ds-cmd-btn:active{transform:scale(.93)}.ds-cmd-btn--primary{background:var(--ds-yellow);color:#000;padding:0 20px;box-shadow:0 2px 14px #f0e10059}.ds-cmd-btn--primary:hover{background:var(--ds-yellow-hover);color:#000;box-shadow:0 4px 22px #f0e10073}.ds-cmd-bar--sm .ds-cmd-btn--primary{padding:0 14px}.ds-cmd-btn--primary.is-collapsed{background:#ffffff1a;color:#ffffffa6;box-shadow:none}.ds-cmd-btn--primary.is-collapsed:hover{background:#ffffff29;color:#fff}.ds-cmd-btn--danger:hover{background:#f871712e;color:#f87171}.ds-cmd-divider{width:1px;height:28px;background:#ffffff1c;margin:0 2px;flex-shrink:0}.ds-cmd-bar--sm .ds-cmd-divider{height:18px}.theme-light .ds-cmd-bar{background:#fff;border-color:#0000001a;box-shadow:0 4px 16px #0000001a,0 1px 4px #0000000f,inset 0 1px #ffffffe6}.theme-light .ds-cmd-bar:hover{box-shadow:0 8px 28px #00000024,0 3px 8px #00000014,inset 0 1px #ffffffe6}.theme-light .ds-cmd-bar--sm{box-shadow:0 2px 8px #00000017,0 1px 3px #0000000d,inset 0 1px #ffffffe6}.theme-light .ds-cmd-bar--sm:hover{box-shadow:0 4px 14px #0000001f,0 2px 5px #00000012,inset 0 1px #ffffffe6}.theme-light .ds-cmd-btn{color:#11111073}.theme-light .ds-cmd-btn:hover{background:#0000000d;color:#111110d9}.theme-light .ds-cmd-btn--primary{background:var(--ds-yellow);color:#000}.theme-light .ds-cmd-btn--primary.is-collapsed{background:#0000000f;color:#1111108c}.theme-light .ds-cmd-btn--primary.is-collapsed:hover{background:#0000001a;color:#111}.theme-light .ds-cmd-btn--danger:hover{background:#dc262614;color:#dc2626}.theme-light .ds-cmd-divider{background:#00000017}.crm-layout{display:flex;height:100vh;overflow:hidden;background:var(--ds-surface-page);font-family:var(--ds-font-body);color:var(--ds-text-primary)}.crm-main{flex:1;display:flex;flex-direction:column;overflow:hidden}.crm-page-header{height:56px;background:var(--ds-surface-base);border-bottom:1px solid var(--ds-border-subtle);display:flex;align-items:center;padding:0 var(--ds-sp-6);gap:var(--ds-sp-4);flex-shrink:0}.crm-page-title{font-family:var(--ds-font-display);font-size:15px;font-weight:800;color:var(--ds-text-primary);letter-spacing:-.2px}.crm-page-actions{display:flex;gap:var(--ds-sp-2);margin-left:auto;align-items:center}.crm-body{flex:1;overflow-y:auto;padding:var(--ds-sp-6);display:flex;flex-direction:column;gap:var(--ds-sp-6);scrollbar-width:thin;scrollbar-color:var(--ds-border-normal) transparent}.crm-body::-webkit-scrollbar{width:4px}.crm-body::-webkit-scrollbar-track{background:transparent}.crm-body::-webkit-scrollbar-thumb{background:var(--ds-border-normal);border-radius:2px}.crm-stat-row{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--ds-sp-4)}@media (max-width: 1100px){.crm-stat-row{grid-template-columns:repeat(2,1fr)}}.crm-stat-card{background:var(--ds-surface-card);border:1px solid var(--ds-border-subtle);border-radius:var(--ds-r-xl);padding:var(--ds-sp-5);display:flex;flex-direction:column;gap:var(--ds-sp-2);transition:box-shadow var(--ds-t-norm),border-color var(--ds-t-fast);position:relative;overflow:hidden}.crm-stat-card:hover{border-color:var(--ds-border-normal);box-shadow:var(--ds-shadow-md)}.crm-stat-card:after{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--ds-yellow);opacity:0;transition:opacity var(--ds-t-fast)}.crm-stat-card:hover:after{opacity:1}.crm-stat-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:var(--ds-text-muted)}.crm-stat-value{font-family:var(--ds-font-display);font-size:30px;font-weight:900;line-height:1;color:var(--ds-text-primary)}.crm-stat-delta{display:flex;align-items:center;gap:4px;font-size:11px;font-weight:600}.crm-d-up{color:var(--ds-success)}.crm-d-dn{color:var(--ds-error)}.crm-stat-icon{position:absolute;top:var(--ds-sp-4);right:var(--ds-sp-4);width:36px;height:36px;border-radius:var(--ds-r-md);background:var(--ds-yellow-10);display:flex;align-items:center;justify-content:center;font-size:16px}.crm-filter-bar{display:flex;align-items:center;gap:var(--ds-sp-3);padding:var(--ds-sp-3) var(--ds-sp-4);background:var(--ds-surface-card);border:1px solid var(--ds-border-subtle);border-radius:var(--ds-r-xl);flex-wrap:wrap}.crm-filter-search{position:relative;flex-shrink:0}.crm-search-icon{position:absolute;left:11px;top:50%;transform:translateY(-50%);color:var(--ds-text-muted);font-size:13px;pointer-events:none}.crm-search-input{width:220px;padding:7px 12px 7px 32px;background:var(--ds-surface-elevated);border:1px solid var(--ds-border-normal);border-radius:var(--ds-r-full);font-family:var(--ds-font-body);font-size:13px;color:var(--ds-text-primary);outline:none;transition:border-color var(--ds-t-fast),box-shadow var(--ds-t-fast)}.crm-search-input::placeholder{color:var(--ds-text-disabled)}.crm-search-input:focus{border-color:var(--ds-yellow);box-shadow:0 0 0 3px var(--ds-yellow-10)}.crm-filter-chips{display:flex;gap:var(--ds-sp-2);flex-wrap:wrap;flex:1}.crm-filter-sep{width:1px;height:20px;background:var(--ds-border-subtle);flex-shrink:0}.crm-filter-actions{display:flex;gap:var(--ds-sp-2);margin-left:auto;align-items:center}.crm-sort-btn{display:inline-flex;align-items:center;gap:5px;padding:5px 11px;background:var(--ds-surface-elevated);border:1px solid var(--ds-border-normal);border-radius:var(--ds-r-full);font-family:var(--ds-font-body);font-size:12px;font-weight:500;color:var(--ds-text-muted);cursor:pointer;transition:all var(--ds-t-fast)}.crm-sort-btn:hover{border-color:var(--ds-border-accent);color:var(--ds-text-primary);background:var(--ds-yellow-05)}.crm-table-wrap{background:var(--ds-surface-card);border:1px solid var(--ds-border-subtle);border-radius:var(--ds-r-xl);overflow:hidden}.crm-table{width:100%;border-collapse:collapse;font-size:13px}.crm-table thead{position:sticky;top:0;z-index:2}.crm-th{padding:var(--ds-sp-3) var(--ds-sp-4);text-align:left;font-size:10px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;color:var(--ds-text-disabled);background:var(--ds-surface-elevated);border-bottom:1px solid var(--ds-border-subtle);white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;transition:color var(--ds-t-fast)}.crm-th:hover{color:var(--ds-text-muted)}.crm-th.sorted{color:var(--ds-yellow)}.crm-sort-icon{font-size:9px;opacity:.5;margin-left:4px}.crm-th.sorted .crm-sort-icon{opacity:1;color:var(--ds-yellow)}.crm-td{padding:var(--ds-sp-3) var(--ds-sp-4);color:var(--ds-text-secondary);border-bottom:1px solid var(--ds-border-subtle);vertical-align:middle}.crm-td:first-child{color:var(--ds-text-primary);font-weight:500}.crm-row{transition:background var(--ds-t-fast)}.crm-row:hover td{background:#f0e10008}.crm-row:last-child td{border-bottom:none}.crm-cell-company{display:flex;align-items:center;gap:var(--ds-sp-3)}.crm-cell-avatar{width:30px;height:30px;border-radius:var(--ds-r-sm);background:var(--ds-surface-elevated);border:1px solid var(--ds-border-subtle);display:flex;align-items:center;justify-content:center;font-family:var(--ds-font-display);font-size:11px;font-weight:900;color:var(--ds-yellow);flex-shrink:0;text-transform:uppercase}.crm-cell-name{font-size:13px;font-weight:600;color:var(--ds-text-primary)}.crm-cell-sub{font-size:11px;color:var(--ds-text-muted);margin-top:1px}.crm-row-actions{display:flex;gap:4px;opacity:0;transition:opacity var(--ds-t-fast)}.crm-row:hover .crm-row-actions{opacity:1}.crm-table-footer{display:flex;align-items:center;justify-content:space-between;padding:var(--ds-sp-3) var(--ds-sp-5);border-top:1px solid var(--ds-border-subtle);background:var(--ds-surface-elevated);font-size:12px;color:var(--ds-text-muted)}.crm-pagination{display:flex;gap:3px}.crm-page-btn{width:28px;height:28px;border-radius:var(--ds-r-sm);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:500;color:var(--ds-text-muted);cursor:pointer;border:1px solid transparent;background:none;transition:all var(--ds-t-fast)}.crm-page-btn:hover{background:var(--ds-surface-highest);color:var(--ds-text-primary)}.crm-page-btn.active{background:var(--ds-yellow);color:#000;border-color:var(--ds-yellow);font-weight:700}.crm-page-btn:disabled{opacity:.3;cursor:not-allowed}.crm-list-rows{background:var(--ds-surface-card);border:1px solid var(--ds-border-subtle);border-radius:var(--ds-r-xl);overflow:hidden}.crm-list-row{display:flex;align-items:center;gap:var(--ds-sp-4);padding:var(--ds-sp-4) var(--ds-sp-5);border-bottom:1px solid var(--ds-border-subtle);transition:background var(--ds-t-fast)}.crm-list-row:last-child{border-bottom:none}.crm-list-row:hover{background:#f0e10006}.crm-row-avatar{width:40px;height:40px;border-radius:var(--ds-r-md);background:var(--ds-surface-elevated);border:1px solid var(--ds-border-subtle);display:flex;align-items:center;justify-content:center;font-family:var(--ds-font-display);font-size:13px;font-weight:900;color:var(--ds-yellow);flex-shrink:0;text-transform:uppercase}.crm-row-avatar.lg{width:48px;height:48px;border-radius:var(--ds-r-lg);font-size:15px}.crm-row-info{flex:1;min-width:0}.crm-row-name{font-size:14px;font-weight:600;color:var(--ds-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.crm-row-meta{font-size:11px;color:var(--ds-text-muted);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.crm-row-amount{font-family:var(--ds-font-display);font-size:14px;font-weight:800;color:var(--ds-text-primary);white-space:nowrap;flex-shrink:0}.crm-row-btns{display:flex;gap:var(--ds-sp-2);flex-shrink:0;opacity:0;transition:opacity var(--ds-t-fast)}.crm-list-row:hover .crm-row-btns{opacity:1}.pipeline-board{display:flex;gap:var(--ds-sp-4);overflow-x:auto;padding-bottom:var(--ds-sp-4);scrollbar-width:thin;scrollbar-color:var(--ds-border-normal) transparent}.pipeline-board::-webkit-scrollbar{height:4px}.pipeline-board::-webkit-scrollbar-track{background:transparent}.pipeline-board::-webkit-scrollbar-thumb{background:var(--ds-border-normal);border-radius:2px}.pipeline-col{flex-shrink:0;width:260px;display:flex;flex-direction:column;gap:var(--ds-sp-3)}.pipeline-col-head{display:flex;align-items:center;gap:var(--ds-sp-2);padding:var(--ds-sp-2) var(--ds-sp-3);background:var(--ds-surface-elevated);border:1px solid var(--ds-border-subtle);border-radius:var(--ds-r-lg)}.pipeline-col-title{font-size:12px;font-weight:700;color:var(--ds-text-primary);flex:1}.pipeline-col-sum{font-family:var(--ds-font-code);font-size:10px;color:var(--ds-text-muted);margin-left:auto}.pipeline-col-body{display:flex;flex-direction:column;gap:var(--ds-sp-2);min-height:120px;padding:var(--ds-sp-1);border-radius:var(--ds-r-lg);transition:background var(--ds-t-fast)}.pipeline-col-body.drag-over{background:var(--ds-yellow-05);outline:2px dashed var(--ds-border-accent);outline-offset:-2px}.pipeline-card{background:var(--ds-surface-card);border:1px solid var(--ds-border-subtle);border-radius:var(--ds-r-lg);padding:var(--ds-sp-4);cursor:pointer;transition:box-shadow var(--ds-t-norm),border-color var(--ds-t-fast),transform var(--ds-t-fast);position:relative}.pipeline-card:hover{border-color:var(--ds-border-normal);box-shadow:var(--ds-shadow-md);transform:translateY(-2px)}.pipeline-card.dragging{opacity:.5;transform:rotate(2deg)}.pipeline-card-name{font-size:13px;font-weight:600;color:var(--ds-text-primary);margin-bottom:var(--ds-sp-2)}.pipeline-card-amount{font-family:var(--ds-font-display);font-size:16px;font-weight:800;color:var(--ds-yellow);margin-bottom:var(--ds-sp-3)}.pipeline-card-footer{display:flex;align-items:center;gap:var(--ds-sp-2);font-size:10px;color:var(--ds-text-muted)}.pipeline-card-avatar{width:20px;height:20px;border-radius:50%;background:var(--ds-surface-elevated);border:1px solid var(--ds-border-subtle);display:flex;align-items:center;justify-content:center;font-size:8px;font-weight:700;color:var(--ds-text-muted);flex-shrink:0}.pipeline-card-due{margin-left:auto;font-family:var(--ds-font-code);font-size:10px}.pipeline-card-due.overdue{color:var(--ds-error)}.pipeline-card-due.soon{color:var(--ds-warning)}.pipeline-card.status-active{border-left:3px solid var(--ds-success)}.pipeline-card.status-inactive{border-left:3px solid var(--ds-warning)}.pipeline-card.status-urgent{border-left:3px solid var(--ds-error)}.pipeline-card.status-new{border-left:3px solid var(--ds-yellow)}.pipeline-add{display:flex;align-items:center;justify-content:center;gap:var(--ds-sp-2);padding:var(--ds-sp-2) var(--ds-sp-3);border:1px dashed var(--ds-border-normal);border-radius:var(--ds-r-lg);font-size:12px;color:var(--ds-text-muted);cursor:pointer;transition:all var(--ds-t-fast);background:none;width:100%}.pipeline-add:hover{border-color:var(--ds-border-accent);color:var(--ds-yellow);background:var(--ds-yellow-05)}.crm-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--ds-sp-12) var(--ds-sp-8);text-align:center;gap:var(--ds-sp-3)}.crm-empty-icon{width:64px;height:64px;border-radius:var(--ds-r-xl);background:var(--ds-yellow-10);border:1px solid var(--ds-border-accent);display:flex;align-items:center;justify-content:center;font-size:26px;margin-bottom:var(--ds-sp-2)}.crm-empty-title{font-family:var(--ds-font-display);font-size:18px;font-weight:800;color:var(--ds-text-primary)}.crm-empty-desc{font-size:13px;color:var(--ds-text-muted);max-width:280px;line-height:1.6}.crm-sidebar{width:228px;min-width:228px;background:var(--ds-surface-base);border-right:1px solid var(--ds-border-subtle);height:100vh;display:flex;flex-direction:column;padding:var(--ds-sp-5) 0 var(--ds-sp-8);overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--ds-border-normal) transparent;flex-shrink:0}.crm-sidebar::-webkit-scrollbar{width:4px}.crm-sidebar::-webkit-scrollbar-track{background:transparent}.crm-sidebar::-webkit-scrollbar-thumb{background:var(--ds-border-normal);border-radius:2px}.crm-sidebar.collapsed{width:64px;min-width:64px}.crm-sidebar.collapsed .crm-nav-label,.crm-sidebar.collapsed .crm-nav-item-label,.crm-sidebar.collapsed .crm-nav-count,.crm-sidebar.collapsed .crm-sidebar-logo-text,.crm-sidebar.collapsed .crm-sidebar-user{display:none}.crm-sidebar.collapsed .crm-nav-item{justify-content:center;padding:7px}.crm-sidebar-logo{display:flex;align-items:center;gap:var(--ds-sp-2);padding:0 var(--ds-sp-5) var(--ds-sp-5);border-bottom:1px solid var(--ds-border-subtle);margin-bottom:var(--ds-sp-4)}.crm-sidebar-mark{width:32px;height:32px;background:var(--ds-yellow);border-radius:var(--ds-r-sm);display:flex;align-items:center;justify-content:center;font-family:var(--ds-font-display);font-weight:900;font-size:13px;color:#000;box-shadow:var(--ds-shadow-yellow);flex-shrink:0}.crm-sidebar-logo-text{font-family:var(--ds-font-display);font-size:12px;font-weight:800;color:var(--ds-text-primary);letter-spacing:.5px;line-height:1.2}.crm-sidebar-logo-text span{display:block;font-size:9px;font-weight:500;color:var(--ds-text-muted);letter-spacing:1px;text-transform:uppercase}.crm-nav-group{padding:var(--ds-sp-1) 0 var(--ds-sp-3)}.crm-nav-label{padding:var(--ds-sp-1) var(--ds-sp-5);font-size:9px;font-weight:700;letter-spacing:1.4px;text-transform:uppercase;color:var(--ds-text-disabled);margin-bottom:var(--ds-sp-1)}.crm-nav-item{display:flex;align-items:center;gap:var(--ds-sp-2);padding:7px var(--ds-sp-5);font-family:var(--ds-font-body);font-size:12px;font-weight:500;color:var(--ds-text-muted);cursor:pointer;border:none;background:none;width:100%;text-align:left;border-left:2px solid transparent;transition:all var(--ds-t-fast)}.crm-nav-item:hover{color:var(--ds-text-primary);background:#ffffff0a}.crm-nav-item.active{color:var(--ds-yellow);border-left-color:var(--ds-yellow);background:var(--ds-yellow-05);font-weight:600}.crm-nav-item-icon{font-size:14px;flex-shrink:0}.crm-nav-item-label{flex:1}.crm-nav-count{background:#ffffff14;padding:1px 7px;border-radius:var(--ds-r-full);font-size:10px;font-weight:700;color:var(--ds-text-muted)}.crm-nav-item.active .crm-nav-count{background:var(--ds-yellow-20);color:var(--ds-yellow)}.crm-sidebar-footer{margin-top:auto;padding:var(--ds-sp-4) var(--ds-sp-5) 0;border-top:1px solid var(--ds-border-subtle);display:flex;align-items:center;justify-content:space-between;gap:var(--ds-sp-2)}.crm-sidebar-user{font-size:12px;font-weight:500;color:var(--ds-text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.crm-detail-panel{width:320px;min-width:320px;background:var(--ds-surface-base);border-left:1px solid var(--ds-border-subtle);display:flex;flex-direction:column;overflow-y:auto}.crm-detail-header{padding:var(--ds-sp-5);border-bottom:1px solid var(--ds-border-subtle);display:flex;align-items:flex-start;gap:var(--ds-sp-3)}.crm-detail-avatar{width:48px;height:48px;border-radius:var(--ds-r-lg);background:var(--ds-surface-elevated);border:1px solid var(--ds-border-subtle);display:flex;align-items:center;justify-content:center;font-family:var(--ds-font-display);font-size:16px;font-weight:900;color:var(--ds-yellow);flex-shrink:0}.crm-detail-name{font-size:15px;font-weight:700;color:var(--ds-text-primary)}.crm-detail-sub{font-size:12px;color:var(--ds-text-muted);margin-top:2px}.crm-detail-body{padding:var(--ds-sp-5);flex:1}.crm-detail-section{margin-bottom:var(--ds-sp-5)}.crm-detail-section-title{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:1.2px;color:var(--ds-text-disabled);margin-bottom:var(--ds-sp-3);padding-bottom:var(--ds-sp-2);border-bottom:1px solid var(--ds-border-subtle)}.crm-detail-row{display:flex;justify-content:space-between;align-items:flex-start;padding:var(--ds-sp-2) 0;gap:var(--ds-sp-3)}.crm-detail-label{font-size:11px;color:var(--ds-text-muted);flex-shrink:0}.crm-detail-value{font-size:12px;font-weight:500;color:var(--ds-text-primary);text-align:right}.crm-detail-value.mono{font-family:var(--ds-font-code);font-size:11px;color:var(--ds-yellow)}