:root{--p-50: #fef6f1;--p-100: #fde9dc;--p-200: #fac9b0;--p-300: #f6a07a;--p-400: #ef7140;--p-500: #d8550d;--p-600: #c04a08;--p-700: #9d3b05;--p-800: #7d2e04;--p-900: #5e2203;--n-0: #ffffff;--n-50: #faf8f7;--n-100: #f4f0ee;--n-200: #e9e2df;--n-300: #d4cac6;--n-400: #b4a9a4;--n-500: #8f8380;--n-600: #6b5f5c;--n-700: #4d4340;--n-800: #332b29;--n-900: #1e1714;--n-950: #110d0b;--success-subtle: #f0fdf4;--success-border: #bbf7d0;--success: #16a34a;--success-dark: #15803d;--error-subtle: #fff1f2;--error-border: #fecdd3;--error: #dc2626;--error-dark: #b91c1c;--warning-subtle: #fffbeb;--warning-border: #fde68a;--warning: #d97706;--warning-dark: #b45309;--info-subtle: #eff6ff;--info-border: #bfdbfe;--info: #2563eb;--info-dark: #1d4ed8;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-8: 32px;--sp-10: 40px;--sp-12: 48px;--sp-16: 64px;--r-sm: 4px;--r-md: 8px;--r-lg: 12px;--r-xl: 16px;--r-full: 9999px;--shadow-xs: 0 1px 2px 0 rgba(17,13,11,.06);--shadow-sm: 0 1px 3px 0 rgba(17,13,11,.08), 0 1px 2px -1px rgba(17,13,11,.06);--shadow-md: 0 4px 6px -1px rgba(17,13,11,.08), 0 2px 4px -2px rgba(17,13,11,.05);--shadow-lg: 0 10px 15px -3px rgba(17,13,11,.1), 0 4px 6px -4px rgba(17,13,11,.06);--shadow-xl: 0 20px 25px -5px rgba(17,13,11,.1), 0 8px 10px -6px rgba(17,13,11,.06);--font-sans: "Plus Jakarta Sans", system-ui, sans-serif;--font-mono: "JetBrains Mono", monospace;--text-xs: 11px;--text-sm: 13px;--text-base: 14px;--text-md: 16px;--text-lg: 18px;--text-xl: 20px;--text-2xl: 24px;--text-3xl: 30px;--text-4xl: 36px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-sans);font-size:var(--text-base);background:var(--n-100);color:var(--n-900);line-height:1.5;-webkit-font-smoothing:antialiased}.ds-sidebar{position:fixed;top:0;left:0;width:224px;height:100vh;background:var(--n-0);display:flex;flex-direction:column;z-index:200;overflow:hidden;transition:width .22s cubic-bezier(.4,0,.2,1);border-right:1px solid var(--n-200)}.ds-sidebar.collapsed{width:64px}.ds-sidebar-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#110d0b80;z-index:190;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}@media (max-width: 768px){.ds-sidebar{transform:translate(-100%);transition:transform .22s cubic-bezier(.4,0,.2,1),width .22s;width:224px!important}.ds-sidebar.mobile-open{transform:translate(0)}.ds-sidebar-overlay.visible{display:block}.ds-main{margin-left:0!important}.mobile-menu-btn{display:flex!important}}.ds-sidebar-top{display:flex;align-items:center;padding:18px 16px 16px;border-bottom:1px solid var(--n-200);gap:var(--sp-3);min-height:64px;flex-shrink:0}.ds-sidebar-logo-mark{width:32px;height:32px;border-radius:var(--r-md);background:var(--p-500);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:14px;font-weight:800;color:#fff;letter-spacing:-.02em}.ds-sidebar-logo-text{overflow:hidden;white-space:nowrap;transition:opacity .15s,width .22s}.ds-sidebar.collapsed .ds-sidebar-logo-text{opacity:0;width:0}.ds-sidebar-logo .wordmark{font-size:var(--text-sm);font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--n-900);line-height:1.2}.ds-sidebar-logo .subtitle{font-size:10px;color:var(--n-500);letter-spacing:.04em}.ds-collapse-btn{margin-left:auto;background:none;border:none;color:var(--n-400);cursor:pointer;width:28px;height:28px;border-radius:var(--r-md);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .12s,color .12s}.ds-collapse-btn:hover{background:var(--n-100);color:var(--n-700)}.ds-sidebar.collapsed .ds-collapse-btn{margin-left:0}.ds-sidebar-scroll{flex:1;overflow-y:auto;overflow-x:hidden;padding:var(--sp-3) 0}.ds-sidebar-scroll::-webkit-scrollbar{width:4px}.ds-sidebar-scroll::-webkit-scrollbar-thumb{background:var(--n-300);border-radius:9px}.ds-nav-section{padding:var(--sp-2) 20px var(--sp-1);font-size:9px;letter-spacing:.1em;text-transform:uppercase;font-weight:700;color:var(--n-400);margin-top:var(--sp-3);white-space:nowrap;overflow:hidden;transition:opacity .15s}.ds-sidebar.collapsed .ds-nav-section{opacity:0}.ds-nav-link{display:flex;align-items:center;gap:10px;padding:9px 20px;font-size:var(--text-sm);font-weight:500;color:var(--n-600);text-decoration:none;cursor:pointer;white-space:nowrap;transition:color .12s,background .12s;position:relative}.ds-nav-link:hover{color:var(--n-900);background:var(--n-100)}.ds-nav-link.active{color:var(--p-600);background:var(--p-50);font-weight:600}.ds-nav-link.active:before{content:"";position:absolute;left:0;top:4px;bottom:4px;width:3px;background:var(--p-500);border-radius:0 3px 3px 0}.ds-nav-icon{width:18px;height:18px;flex-shrink:0;display:flex;align-items:center;justify-content:center;opacity:.7}.ds-nav-link.active .ds-nav-icon{opacity:1;color:var(--p-500)}.ds-nav-link:hover .ds-nav-icon{opacity:1}.ds-nav-label{overflow:hidden;transition:opacity .15s,max-width .22s;max-width:160px}.ds-sidebar.collapsed .ds-nav-label{opacity:0;max-width:0}.ds-nav-link[data-tip]{position:relative}.ds-sidebar.collapsed .ds-nav-link[data-tip]:hover:after{content:attr(data-tip);position:absolute;left:64px;top:50%;transform:translateY(-50%);background:var(--n-900);border:1px solid var(--n-800);color:var(--n-100);font-size:var(--text-xs);font-weight:600;padding:5px 12px;border-radius:var(--r-md);white-space:nowrap;box-shadow:var(--shadow-lg);z-index:300;pointer-events:none}.ds-sidebar-footer{border-top:1px solid var(--n-200);padding:12px 16px;display:flex;align-items:center;gap:var(--sp-3);flex-shrink:0;overflow:hidden;background:var(--n-0)}.ds-footer-avatar{width:32px;height:32px;border-radius:50%;background:var(--p-500);display:flex;align-items:center;justify-content:center;font-size:var(--text-xs);font-weight:700;color:#fff;flex-shrink:0}.ds-footer-text{overflow:hidden;transition:opacity .15s,max-width .22s;max-width:140px}.ds-sidebar.collapsed .ds-footer-text{opacity:0;max-width:0}.ds-footer-name{font-size:var(--text-xs);font-weight:700;color:var(--n-900);white-space:nowrap}.ds-footer-email{font-size:10px;color:var(--n-500);white-space:nowrap}.mobile-topbar{display:none;position:fixed;top:0;left:0;right:0;height:56px;background:var(--n-0);border-bottom:1px solid var(--n-200);align-items:center;padding:0 var(--sp-4);gap:var(--sp-3);z-index:180}.mobile-menu-btn{display:none;background:none;border:none;color:var(--n-600);cursor:pointer;width:36px;height:36px;align-items:center;justify-content:center;border-radius:var(--r-md)}@media (max-width: 768px){.mobile-topbar{display:flex}.ds-main{padding-top:calc(56px + var(--sp-8))!important}}.ds-main{margin-left:224px;padding:var(--sp-10) var(--sp-12);max-width:1220px;transition:margin-left .22s cubic-bezier(.4,0,.2,1)}.ds-main.sidebar-collapsed{margin-left:64px}.ds-section{margin-bottom:var(--sp-16);padding-top:var(--sp-8)}.ds-section-label{font-size:10px;letter-spacing:.1em;text-transform:uppercase;font-weight:700;color:var(--p-500);margin-bottom:var(--sp-2)}.ds-section-title{font-size:var(--text-3xl);font-weight:800;color:var(--n-900);margin-bottom:var(--sp-2);letter-spacing:-.02em}.ds-section-desc{font-size:var(--text-base);color:var(--n-500);max-width:640px;margin-bottom:var(--sp-8);line-height:1.65}.ds-divider{border:none;border-top:1px solid var(--n-200);margin:var(--sp-8) 0}.decision{display:inline-flex;align-items:center;gap:var(--sp-2);background:var(--p-50);border:1px solid var(--p-200);color:var(--p-700);font-size:var(--text-xs);font-weight:600;padding:3px 10px;border-radius:var(--r-full);margin-bottom:var(--sp-4)}.decision:before{content:"✦";font-size:9px}.note{background:var(--n-50);border:1px solid var(--n-200);border-left:3px solid var(--p-500);padding:var(--sp-3) var(--sp-4);border-radius:0 var(--r-md) var(--r-md) 0;font-size:var(--text-sm);color:var(--n-700);margin-bottom:var(--sp-6);line-height:1.6}.note strong{color:var(--n-900)}.color-row{display:flex;gap:var(--sp-2);margin-bottom:var(--sp-6);flex-wrap:wrap}.color-swatch{flex:1;min-width:80px}.swatch-block{height:56px;border-radius:var(--r-md);border:1px solid rgba(0,0,0,.06);margin-bottom:var(--sp-2)}.swatch-name{font-size:var(--text-xs);font-weight:600;color:var(--n-700)}.swatch-val{font-family:var(--font-mono);font-size:10px;color:var(--n-500)}.semantic-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--sp-4);margin-bottom:var(--sp-6)}.semantic-card{border-radius:var(--r-lg);overflow:hidden;border:1px solid var(--n-200)}.semantic-card-top{height:72px;display:flex;align-items:center;justify-content:center;font-size:var(--text-xl)}.semantic-card-body{padding:var(--sp-3) var(--sp-4);background:var(--n-0)}.semantic-card-body .label{font-size:var(--text-sm);font-weight:700;color:var(--n-900)}.semantic-card-body .val{font-family:var(--font-mono);font-size:10px;color:var(--n-500)}.type-grid{display:grid;gap:2px;background:var(--n-0);border:1px solid var(--n-200);border-radius:var(--r-lg);overflow:hidden;margin-bottom:var(--sp-6)}.type-row{display:grid;grid-template-columns:140px 1fr 100px 80px;align-items:center;padding:var(--sp-4) var(--sp-6);border-bottom:1px solid var(--n-100);gap:var(--sp-4)}.type-row:last-child{border-bottom:none}.type-meta{font-family:var(--font-mono);font-size:10px;color:var(--n-500)}.type-role{font-size:var(--text-xs);color:var(--n-400);font-weight:500;text-transform:uppercase;letter-spacing:.05em}.type-wt{font-family:var(--font-mono);font-size:10px;color:var(--n-400)}.spacing-row{display:flex;align-items:center;gap:var(--sp-5);padding:var(--sp-3) 0;border-bottom:1px solid var(--n-100)}.spacing-block{background:var(--p-200);border-radius:2px;height:20px;flex-shrink:0}.spacing-label{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--n-600);width:80px}.spacing-val{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--n-400)}.radius-row{display:flex;gap:var(--sp-6);flex-wrap:wrap;margin-bottom:var(--sp-6)}.radius-item{text-align:center}.radius-demo{width:80px;height:80px;background:var(--p-100);border:2px solid var(--p-300);margin-bottom:var(--sp-2)}.radius-name{font-size:var(--text-xs);font-weight:600;color:var(--n-700)}.radius-val{font-family:var(--font-mono);font-size:10px;color:var(--n-500)}.shadow-row{display:flex;gap:var(--sp-6);flex-wrap:wrap;margin-bottom:var(--sp-6)}.shadow-item{width:120px;height:80px;background:var(--n-0);border-radius:var(--r-lg);display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:var(--text-xs);font-weight:600;color:var(--n-600)}.component-canvas{background:var(--n-0);border:1px solid var(--n-200);border-radius:var(--r-lg);padding:var(--sp-8);margin-bottom:var(--sp-6)}.component-row{display:flex;align-items:center;gap:var(--sp-4);flex-wrap:wrap;margin-bottom:var(--sp-5)}.component-row:last-child{margin-bottom:0}.component-label{font-size:10px;text-transform:uppercase;letter-spacing:.08em;font-weight:700;color:var(--n-500);width:100px;flex-shrink:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;font-family:var(--font-sans);font-weight:600;border:none;cursor:pointer;text-decoration:none;transition:background .15s,box-shadow .15s,transform .1s,border-color .15s;white-space:nowrap;letter-spacing:-.01em}.btn:active{transform:scale(.98)}.btn-sm{font-size:var(--text-xs);padding:6px 14px;border-radius:var(--r-md)}.btn-md{font-size:var(--text-sm);padding:9px 18px;border-radius:var(--r-md)}.btn-lg{font-size:var(--text-base);padding:12px 24px;border-radius:var(--r-md)}.btn-xl{font-size:var(--text-md);padding:14px 28px;border-radius:var(--r-lg)}.btn-primary{background:var(--p-500);color:#fff;box-shadow:0 1px 2px #d8550d4d,inset 0 1px #ffffff1f}.btn-primary:hover{background:var(--p-600);box-shadow:0 2px 6px #d8550d59}.btn-secondary{background:var(--n-0);color:var(--n-800);border:1.5px solid var(--n-300);box-shadow:var(--shadow-xs)}.btn-secondary:hover{background:var(--n-50);border-color:var(--n-400)}.btn-ghost{background:transparent;color:var(--n-700);border:1.5px solid transparent}.btn-ghost:hover{background:var(--n-100);color:var(--n-900)}.btn-danger{background:var(--error);color:#fff;box-shadow:0 1px 2px #dc26264d}.btn-danger:hover{background:var(--error-dark)}.btn-primary-subtle{background:var(--p-50);color:var(--p-600);border:1.5px solid var(--p-200)}.btn-primary-subtle:hover{background:var(--p-100);border-color:var(--p-300)}.btn:disabled{opacity:.45;cursor:not-allowed;pointer-events:none}.btn-icon{width:36px;height:36px;padding:0}.btn-icon.btn-sm{width:30px;height:30px}.btn-icon.btn-lg{width:44px;height:44px}.input-group{display:flex;flex-direction:column;gap:var(--sp-1);width:280px}.input-label{font-size:var(--text-sm);font-weight:600;color:var(--n-800)}.input-hint{font-size:var(--text-xs);color:var(--n-500)}.input-error-text{font-size:var(--text-xs);color:var(--error)}.input{font-family:var(--font-sans);font-size:var(--text-sm);background:var(--n-0);border:1.5px solid var(--n-300);border-radius:var(--r-md);padding:9px 13px;color:var(--n-900);outline:none;transition:border-color .15s,box-shadow .15s;width:100%}.input::placeholder{color:var(--n-400)}.input:hover{border-color:var(--n-400)}.input:focus{border-color:var(--p-500);box-shadow:0 0 0 3px #d8550d1f}.input.error{border-color:var(--error)}.input.error:focus{box-shadow:0 0 0 3px #dc26261f}.input-wrapper{position:relative;display:flex;align-items:center}.input-wrapper .input{padding-left:36px}.input-icon{position:absolute;left:11px;color:var(--n-400);pointer-events:none;display:flex;align-items:center}textarea.input{resize:vertical;min-height:90px;line-height:1.6}.check-item{display:flex;align-items:center;gap:var(--sp-3);cursor:pointer;margin-bottom:var(--sp-3)}.check-box{width:18px;height:18px;border:2px solid var(--n-300);border-radius:var(--r-sm);background:var(--n-0);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:border-color .15s,background .15s}.check-box.checked{background:var(--p-500);border-color:var(--p-500)}.check-box.checked svg{display:block}.check-box svg{display:none}.radio-box{width:18px;height:18px;border:2px solid var(--n-300);border-radius:50%;background:var(--n-0);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:border-color .15s}.radio-box.checked{border-color:var(--p-500)}.radio-dot{width:8px;height:8px;border-radius:50%;background:var(--p-500);display:none}.radio-box.checked .radio-dot{display:block}.check-label{font-size:var(--text-sm);color:var(--n-800);font-weight:500}.check-sublabel{font-size:var(--text-xs);color:var(--n-500)}.toggle-wrap{display:flex;align-items:center;gap:var(--sp-3);margin-bottom:var(--sp-3);cursor:pointer}.toggle{width:36px;height:20px;border-radius:10px;background:var(--n-300);position:relative;transition:background .2s;flex-shrink:0;cursor:pointer}.toggle.on{background:var(--p-500)}.toggle-thumb{width:16px;height:16px;border-radius:50%;background:#fff;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #00000026;transition:left .2s}.toggle.on .toggle-thumb{left:18px}.toggle-label{font-size:var(--text-sm);color:var(--n-800);font-weight:500}.badge{display:inline-flex;align-items:center;gap:5px;font-size:var(--text-xs);font-weight:600;padding:3px 10px;border-radius:var(--r-full);border:1px solid transparent;letter-spacing:.01em}.badge-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.badge-primary{background:var(--p-50);color:var(--p-700);border-color:var(--p-200)}.badge-primary .badge-dot{background:var(--p-500)}.badge-success{background:var(--success-subtle);color:var(--success-dark);border-color:var(--success-border)}.badge-success .badge-dot{background:var(--success)}.badge-error{background:var(--error-subtle);color:var(--error-dark);border-color:var(--error-border)}.badge-error .badge-dot{background:var(--error)}.badge-warning{background:var(--warning-subtle);color:var(--warning-dark);border-color:var(--warning-border)}.badge-warning .badge-dot{background:var(--warning)}.badge-neutral{background:var(--n-100);color:var(--n-700);border-color:var(--n-200)}.badge-neutral .badge-dot{background:var(--n-400)}.rms-table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.rms-table thead th{text-align:left;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--n-500);padding:var(--sp-3) var(--sp-4);border-bottom:1.5px solid var(--n-200);background:var(--n-50)}.rms-table thead th:first-child{border-radius:var(--r-md) 0 0 0}.rms-table thead th:last-child{border-radius:0 var(--r-md) 0 0}.rms-table tbody tr{border-bottom:1px solid var(--n-100);transition:background .12s}.rms-table tbody tr:hover{background:var(--n-50)}.rms-table tbody tr.active-row{background:var(--p-50)}.rms-table tbody td{padding:var(--sp-3) var(--sp-4);color:var(--n-800);vertical-align:middle}.rms-table tbody td:first-child{color:var(--n-900);font-weight:600}.toast{display:flex;align-items:flex-start;gap:var(--sp-3);background:var(--n-0);border:1px solid var(--n-200);border-radius:var(--r-lg);padding:var(--sp-4);box-shadow:var(--shadow-lg);max-width:380px;margin-bottom:var(--sp-3);position:relative}.toast-icon{width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px}.toast-icon.success{background:var(--success-subtle);border:1.5px solid var(--success);color:var(--success)}.toast-icon.error{background:var(--error-subtle);border:1.5px solid var(--error);color:var(--error)}.toast-icon.warning{background:var(--warning-subtle);border:1.5px solid var(--warning);color:var(--warning)}.toast-icon.info{background:var(--info-subtle);border:1.5px solid var(--info);color:var(--info)}.toast-body{flex:1}.toast-title{font-size:var(--text-sm);font-weight:700;color:var(--n-900);margin-bottom:2px}.toast-desc{font-size:var(--text-xs);color:var(--n-500);line-height:1.5}.toast-actions{display:flex;gap:var(--sp-3);margin-top:var(--sp-2)}.toast-action-dismiss{font-size:var(--text-xs);font-weight:600;color:var(--n-500);cursor:pointer}.toast-action-link{font-size:var(--text-xs);font-weight:600;color:var(--p-500);cursor:pointer}.toast-close{position:absolute;top:10px;right:10px;background:none;border:none;color:var(--n-400);cursor:pointer;font-size:16px;line-height:1;display:flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:var(--r-sm);transition:background .12s,color .12s}.toast-close:hover{background:var(--n-100);color:var(--n-700)}.alert-banner{display:flex;align-items:center;gap:var(--sp-3);padding:11px var(--sp-5);border-radius:var(--r-md);font-size:var(--text-sm);border:1px solid transparent;margin-bottom:var(--sp-3)}.alert-banner.info{background:var(--info-subtle);border-color:var(--info-border);color:var(--info-dark)}.alert-banner.warning{background:var(--warning-subtle);border-color:var(--warning-border);color:var(--warning-dark)}.alert-banner.error{background:var(--error-subtle);border-color:var(--error-border);color:var(--error-dark)}.alert-banner.primary{background:var(--p-500);border-color:var(--p-600);color:#fff}.alert-banner-text{flex:1;font-weight:500}.alert-banner-text strong{font-weight:700}.alert-banner-actions{display:flex;gap:var(--sp-3);align-items:center}.alert-btn-outline{font-size:var(--text-xs);font-weight:700;padding:5px 14px;border-radius:var(--r-md);border:1.5px solid rgba(255,255,255,.5);background:transparent;color:#fff;cursor:pointer;transition:background .12s}.alert-btn-outline:hover{background:#ffffff26}.alert-btn-solid{font-size:var(--text-xs);font-weight:700;padding:5px 14px;border-radius:var(--r-md);border:none;background:#fff;color:var(--p-600);cursor:pointer}.modal-demo{background:var(--n-50);border:1px solid var(--n-200);border-radius:var(--r-lg);overflow:hidden;max-width:480px;box-shadow:var(--shadow-xl)}.modal-header{display:flex;align-items:flex-start;justify-content:space-between;padding:var(--sp-6);border-bottom:1px solid var(--n-200);background:var(--n-0)}.modal-title{font-size:var(--text-lg);font-weight:800;color:var(--n-900);letter-spacing:-.02em}.modal-subtitle{font-size:var(--text-xs);color:var(--n-500);margin-top:2px}.modal-close-btn{background:none;border:none;color:var(--n-400);cursor:pointer;width:28px;height:28px;border-radius:var(--r-md);display:flex;align-items:center;justify-content:center;font-size:18px;transition:background .12s,color .12s}.modal-close-btn:hover{background:var(--n-100);color:var(--n-700)}.modal-body{padding:var(--sp-6);background:var(--n-0)}.modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--sp-3);padding:var(--sp-4) var(--sp-6);border-top:1px solid var(--n-200);background:var(--n-50)}.nav-demo{width:224px;background:var(--n-0);border:1px solid var(--n-200);border-radius:var(--r-lg);overflow:hidden;flex-shrink:0;box-shadow:var(--shadow-md)}.nav-demo-header{padding:14px 16px;border-bottom:1px solid var(--n-200);font-size:var(--text-sm);font-weight:800;letter-spacing:.04em;color:var(--n-900);display:flex;align-items:center;gap:10px}.nav-item{display:flex;align-items:center;gap:var(--sp-3);padding:9px 20px;font-size:var(--text-sm);font-weight:500;color:var(--n-600);cursor:pointer;transition:background .12s,color .12s;position:relative}.nav-item:hover{background:var(--n-50);color:var(--n-900)}.nav-item.active{color:var(--p-600);font-weight:600;background:var(--p-50)}.nav-item.active:before{content:"";position:absolute;left:0;top:4px;bottom:4px;width:3px;background:var(--p-500);border-radius:0 3px 3px 0}.nav-item-dot{width:8px;height:8px;border-radius:50%;border:2px solid currentColor;flex-shrink:0}.nav-item.active .nav-item-dot{background:var(--p-500);border-color:var(--p-500)}.nav-demo-footer{border-top:1px solid var(--n-100);padding:12px 16px;display:flex;align-items:center;gap:var(--sp-3);background:var(--n-0)}.nav-avatar{width:32px;height:32px;border-radius:50%;background:var(--p-500);display:flex;align-items:center;justify-content:center;font-size:var(--text-xs);font-weight:700;color:#fff;flex-shrink:0}.nav-avatar-name{font-size:var(--text-xs);font-weight:700;color:var(--n-900)}.nav-avatar-email{font-size:10px;color:var(--n-500)}.drawer{background:var(--n-0);border-left:1px solid var(--n-200);border-radius:var(--r-xl) 0 0 var(--r-xl);box-shadow:var(--shadow-xl);display:flex;flex-direction:column;max-width:440px;width:100%;overflow:hidden}.drawer-header{display:flex;align-items:flex-start;justify-content:space-between;padding:var(--sp-5) var(--sp-6);border-bottom:1px solid var(--n-100);background:var(--n-0)}.drawer-title{font-size:var(--text-lg);font-weight:800;color:var(--n-900);letter-spacing:-.02em}.drawer-subtitle{font-size:var(--text-xs);color:var(--n-500);margin-top:2px}.drawer-close{background:none;border:none;cursor:pointer;color:var(--n-400);width:28px;height:28px;border-radius:var(--r-md);display:flex;align-items:center;justify-content:center;font-size:16px;transition:background .12s,color .12s;flex-shrink:0}.drawer-close:hover{background:var(--n-100);color:var(--n-700)}.drawer-body{flex:1;overflow-y:auto;padding:var(--sp-6);display:flex;flex-direction:column;gap:var(--sp-5)}.drawer-body::-webkit-scrollbar{width:4px}.drawer-body::-webkit-scrollbar-thumb{background:var(--n-300);border-radius:9px}.drawer-footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--sp-3);padding:var(--sp-4) var(--sp-6);border-top:1px solid var(--n-200);background:var(--n-50);flex-shrink:0}.confirm-modal{background:var(--n-0);border-radius:var(--r-xl);box-shadow:var(--shadow-xl);padding:var(--sp-6);max-width:400px;width:100%;position:relative}.confirm-modal-close{position:absolute;top:16px;right:16px;background:none;border:none;cursor:pointer;color:var(--n-400);width:28px;height:28px;border-radius:var(--r-md);display:flex;align-items:center;justify-content:center;transition:background .12s,color .12s}.confirm-modal-close:hover{background:var(--n-100);color:var(--n-700)}.confirm-modal-icon{width:52px;height:52px;border-radius:var(--r-xl);display:flex;align-items:center;justify-content:center;margin-bottom:var(--sp-4)}.confirm-modal-icon.danger{background:var(--error-subtle);color:var(--error)}.confirm-modal-icon.warning{background:var(--warning-subtle);color:var(--warning)}.confirm-modal-icon.primary{background:var(--p-50);color:var(--p-500)}.confirm-modal-title{font-size:var(--text-xl);font-weight:800;color:var(--n-900);margin-bottom:var(--sp-2);letter-spacing:-.02em;padding-right:32px}.confirm-modal-desc{font-size:var(--text-sm);color:var(--n-600);line-height:1.65;margin-bottom:var(--sp-6)}.confirm-modal-actions{display:flex;gap:var(--sp-3)}.confirm-modal-actions .btn{flex:1;justify-content:center}.tabs{display:flex;border-bottom:1.5px solid var(--n-200);gap:0;margin-bottom:var(--sp-6)}.tab{padding:10px 18px;font-size:var(--text-sm);font-weight:600;color:var(--n-500);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1.5px;transition:color .15s;white-space:nowrap}.tab:hover{color:var(--n-800)}.tab.active{color:var(--p-500);border-bottom-color:var(--p-500)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--sp-16) var(--sp-8);background:var(--n-50);border:1.5px dashed var(--n-300);border-radius:var(--r-xl);text-align:center}.empty-icon{width:56px;height:56px;border-radius:var(--r-xl);background:var(--n-100);display:flex;align-items:center;justify-content:center;margin-bottom:var(--sp-4);color:var(--n-400)}.empty-title{font-size:var(--text-lg);font-weight:800;color:var(--n-800);margin-bottom:var(--sp-2);letter-spacing:-.02em}.empty-desc{font-size:var(--text-sm);color:var(--n-500);max-width:280px;line-height:1.6;margin-bottom:var(--sp-5)}.ds-hero{background:var(--n-900);border-radius:var(--r-xl);padding:var(--sp-12) var(--sp-10);margin-bottom:var(--sp-10);position:relative;overflow:hidden}.ds-hero:before{content:"";position:absolute;top:-60px;right:-60px;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,rgba(216,85,13,.25) 0%,transparent 70%)}.ds-hero-eyebrow{font-size:var(--text-xs);font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--p-400);margin-bottom:var(--sp-3)}.ds-hero-title{font-size:var(--text-4xl);font-weight:800;color:var(--n-0);letter-spacing:-.03em;line-height:1.1;margin-bottom:var(--sp-4)}.ds-hero-title span{color:var(--p-400)}.ds-hero-desc{font-size:var(--text-md);color:var(--n-500);max-width:560px;line-height:1.65;margin-bottom:var(--sp-8)}.ds-hero-pills{display:flex;gap:var(--sp-3);flex-wrap:wrap}.ds-hero-pill{display:inline-flex;align-items:center;gap:var(--sp-2);background:var(--n-800);border:1px solid var(--n-700);color:var(--n-400);font-size:var(--text-xs);font-weight:600;padding:6px 14px;border-radius:var(--r-full)}.ds-hero-pill .dot{width:6px;height:6px;border-radius:50%;background:var(--p-500)}.flex{display:flex}.flex-col{display:flex;flex-direction:column}.gap-3{gap:var(--sp-3)}.gap-4{gap:var(--sp-4)}.gap-6{gap:var(--sp-6)}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-6)}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-6)}.chip-group{display:flex;gap:var(--sp-2);flex-wrap:wrap}.divider-label{display:flex;align-items:center;gap:var(--sp-3);margin:var(--sp-6) 0;font-size:var(--text-xs);font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--n-400)}.divider-label:before,.divider-label:after{content:"";flex:1;height:1px;background:var(--n-200)}.segment{display:inline-flex;background:var(--n-100);border-radius:var(--r-md);padding:3px;gap:2px}.segment-btn{padding:7px 16px;border-radius:6px;border:none;background:transparent;font-family:var(--font-sans);font-size:var(--text-sm);font-weight:600;color:var(--n-500);cursor:pointer;transition:background .15s,color .15s}.segment-btn.active{background:var(--n-0);color:var(--n-900);box-shadow:var(--shadow-sm)}.tag{display:inline-flex;align-items:center;gap:6px;background:var(--n-100);border:1px solid var(--n-200);border-radius:var(--r-full);padding:4px 10px;font-size:var(--text-xs);font-weight:600;color:var(--n-700)}.tag-remove{color:var(--n-400);cursor:pointer;display:flex;align-items:center}.page-title{font-size:var(--text-2xl);font-weight:800;color:var(--n-900);letter-spacing:-.025em;margin-bottom:4px}.page-sub{font-size:var(--text-sm);color:var(--n-500)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--n-300);border-radius:9px}.dp-month{flex:1;min-width:260px;padding:20px 20px 0;border-right:1px solid var(--n-100)}.dp-month:last-child{border-right:none}.dp-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.dp-month-name{font-size:17px;font-weight:700;color:var(--n-900);letter-spacing:-.01em}.dp-nav{display:flex;gap:2px}.dp-day-names{display:grid;grid-template-columns:repeat(7,1fr);margin-bottom:6px}.dp-day-name{text-align:center;font-size:13px;font-weight:500;color:var(--n-500);padding:6px 0}.dp-cell{display:flex;align-items:center;justify-content:center;height:38px;font-size:15px;font-weight:500;color:var(--n-800);cursor:pointer;position:relative}.dp-cell:hover:not(.dp-range-start):not(.dp-range-end):not(.dp-outside){background:var(--n-100);border-radius:50%}.dp-outside{color:var(--n-300);cursor:default}.dp-in-range{background:var(--p-50);color:var(--p-700);font-weight:500}.dp-range-start,.dp-range-end{color:#fff;font-weight:700}.dp-range-start:before,.dp-range-end:before{content:"";position:absolute;top:3px;right:3px;bottom:3px;left:3px;border-radius:50%;background:var(--p-500);z-index:0}.dp-range-start{background:linear-gradient(to right,transparent 50%,var(--p-50) 50%)}.dp-range-end{background:linear-gradient(to left,transparent 50%,var(--p-50) 50%)}.dp-cell span{position:relative;z-index:1}.dp-presets{display:flex;gap:8px;flex-wrap:wrap;padding:16px 20px;border-top:1px solid var(--n-100)}.dp-preset-btn{font-family:inherit;font-size:13px;font-weight:500;color:var(--n-700);padding:8px 18px;border-radius:8px;border:1.5px solid var(--n-200);background:var(--n-0);cursor:pointer;transition:border-color .12s,background .12s}.dp-preset-btn:hover{background:var(--n-50);border-color:var(--n-300)}.dp-wrap{display:flex;flex-wrap:wrap}.dp-month{flex:1;min-width:280px;padding:20px 20px 0}.dp-month:first-child{border-right:1px solid #f4f0ee}.dp-header{margin-bottom:16px}.dp-month-name{font-size:17px;font-weight:700;color:#1e1714;letter-spacing:-.01em;text-align:center}.dp-day-names{display:grid;grid-template-columns:repeat(7,1fr);margin-bottom:4px}.dp-day-name{text-align:center;font-size:13px;font-weight:500;color:#8f8380;padding:6px 0}.dp-grid{display:grid;grid-template-columns:repeat(7,1fr)}.dp-cell{display:flex;align-items:center;justify-content:center;height:40px;font-size:15px;font-weight:500;color:#332b29;cursor:pointer;position:relative;border-radius:0}.dp-cell span{position:relative;z-index:1;width:34px;height:34px;display:flex;align-items:center;justify-content:center;border-radius:50%}.dp-cell:not(.dp-range-start):not(.dp-range-end):not(.dp-outside):hover span{background:#f4f0ee}.dp-outside{color:#d4cac6;cursor:default}.dp-in-range{background:#fef6f1}.dp-range-start{background:linear-gradient(to right,transparent 50%,#fef6f1 50%)}.dp-range-end{background:linear-gradient(to left,transparent 50%,#fef6f1 50%)}.dp-range-start span,.dp-range-end span{background:#d8550d!important;color:#fff;font-weight:700}.dp-presets{display:flex;gap:8px;flex-wrap:wrap;padding:16px 20px;border-top:1px solid #f4f0ee}.dp-preset-btn{font-family:inherit;font-size:13px;font-weight:500;color:#4d4340;padding:8px 16px;border-radius:8px;border:1.5px solid #e9e2df;background:#fff;cursor:pointer}.dp-preset-btn:hover{background:#faf8f7;border-color:#d4cac6}.dp-top-nav{display:flex;align-items:center;padding:14px 20px;border-bottom:1px solid #f4f0ee}.dp-nav-btn{background:none;border:none;cursor:pointer;color:#b4a9a4;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px}.dp-nav-btn:hover{background:#f4f0ee;color:#4d4340}