:root{--color-bg: #ffffff;--color-bg-soft: #fafafa;--color-bg-muted: #f5f5f5;--color-bg-inverted: #0a0a0a;--color-fg: #0a0a0a;--color-fg-strong: #000000;--color-fg-muted: #525252;--color-fg-subtle: #737373;--color-fg-faint: #a3a3a3;--color-fg-inverted: #ffffff;--color-border: #e5e5e5;--color-border-soft: #f0f0f0;--color-border-strong: #d4d4d4;--color-success: #16a34a;--color-warning: #d97706;--color-danger: #dc2626;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-pill: 999px;--shadow-xs: 0 1px 2px rgba(15, 15, 15, .04);--shadow-sm: 0 1px 2px rgba(15, 15, 15, .04), 0 1px 3px rgba(15, 15, 15, .05);--shadow-md: 0 4px 16px -4px rgba(15, 15, 15, .06), 0 2px 6px -2px rgba(15, 15, 15, .04);--shadow-lg: 0 12px 32px -8px rgba(15, 15, 15, .1), 0 6px 16px -6px rgba(15, 15, 15, .06);--shadow-xl: 0 24px 48px -12px rgba(15, 15, 15, .14), 0 12px 24px -10px rgba(15, 15, 15, .08);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--space-20: 80px;--space-24: 96px;--container: 1200px;--container-pad: clamp(16px, 4vw, 40px);--header-height: 72px;--easing-out: cubic-bezier(.22, 1, .36, 1);--easing-in-out: cubic-bezier(.65, 0, .35, 1)}*{font-family:Poppins,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;scroll-padding-top:calc(var(--header-height) + 12px)}body{background:var(--color-bg);color:var(--color-fg);font-weight:400;margin:0;overflow-x:hidden}::selection{color:var(--color-fg-inverted);background:var(--color-fg-strong)}a{color:inherit;text-decoration:none;transition:color .2s var(--easing-out)}a:hover{color:var(--color-fg-muted)}code,pre{font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}img{max-width:100%;height:auto}button,[role=button]{cursor:pointer}button:focus-visible,a:focus-visible,[role=button]:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--color-fg-strong);outline-offset:2px;border-radius:var(--radius-sm)}.skip-to-content{position:absolute;top:-100px;left:12px;z-index:10000;background:var(--color-fg-strong);color:var(--color-fg-inverted);padding:10px 16px;border-radius:var(--radius-md);font-weight:500;transition:top .2s var(--easing-out)}.skip-to-content:focus{top:12px;color:var(--color-fg-inverted)}.ant-layout,.ant-layout-content{background:var(--color-bg)}.ant-card,.ant-divider{border-color:var(--color-border-soft)}.ant-form-item{margin-bottom:var(--space-4)!important}.required:before{content:"*";color:var(--color-danger);font-size:14px;margin-right:4px}.center{text-align:center}.clickable{cursor:pointer}.line-through{text-decoration:line-through;color:var(--color-fg-faint)}.empty-header{flex:1;line-height:72px;margin-bottom:0;font-size:30px}.flex-center{display:flex;align-items:center;justify-content:center;flex-direction:column}.color-type{width:240px;display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;padding:6px 16px;border:1px solid var(--color-border);border-radius:var(--radius-md)}.delete-badge{color:var(--color-danger);font-size:16px}.m-t-40{margin-top:40px}.title-text{margin:0;font-weight:500;font-size:clamp(20px,2.4vw,28px);letter-spacing:-.01em}.subtitle-text{text-align:center;font-size:clamp(15px,1.4vw,18px);font-weight:400;color:var(--color-fg-muted);margin-top:8px}.elevated{border:1px solid var(--color-border-soft);border-radius:var(--radius-lg);background:var(--color-bg);box-shadow:var(--shadow-sm);transition:transform .25s var(--easing-out),box-shadow .25s var(--easing-out)}.elevated:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.ant-card-bordered-shadow{border:1px solid var(--color-border-soft)!important;box-shadow:var(--shadow-sm);background-color:var(--color-bg);border-radius:var(--radius-lg);transition:transform .25s var(--easing-out),box-shadow .25s var(--easing-out)}.ant-card-bordered-shadow:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.ant-form-item-label>label:after{content:""!important}.footer{padding:0}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}