:root{--sf-bg-base: #121212;--sf-bg-raised: #1a1a1a;--sf-bg-card: #1f1f1f;--sf-bg-card-hover: #242424;--sf-bg-input: #161616;--sf-bg-input-focus: #1c1c1c;--sf-text-primary: #e8e8e8;--sf-text-secondary: #8a8a8a;--sf-text-muted: #585858;--sf-text-placeholder: #454545;--sf-accent: #e53e3e;--sf-accent-hover: #f56565;--sf-accent-muted: rgba(229, 62, 62, .12);--sf-accent-glow: rgba(229, 62, 62, .06);--sf-border: rgba(255, 255, 255, .06);--sf-border-hover: rgba(255, 255, 255, .1);--sf-border-focus: rgba(229, 62, 62, .4);--sf-drag-bg: rgba(229, 62, 62, .05);--sf-drag-border: rgba(229, 62, 62, .35);--sf-drag-indicator: var(--sf-accent);--sf-danger: #ff5c6a;--sf-danger-hover: #ff6e7a;--sf-danger-muted: rgba(255, 92, 106, .1);--sf-space-xs: 4px;--sf-space-sm: 8px;--sf-space-md: 12px;--sf-space-lg: 16px;--sf-space-xl: 24px;--sf-space-2xl: 32px;--sf-space-3xl: 48px;--sf-radius-sm: 6px;--sf-radius-md: 10px;--sf-radius-lg: 14px;--sf-font-body: "DM Sans", -apple-system, BlinkMacSystemFont, sans-serif;--sf-font-mono: "JetBrains Mono", "Fira Code", monospace;--sf-transition-fast: .12s ease;--sf-transition-normal: .2s ease;--sf-shadow-card: 0 1px 3px rgba(0, 0, 0, .3), 0 0 0 1px var(--sf-border);--sf-shadow-card-hover: 0 4px 12px rgba(0, 0, 0, .4), 0 0 0 1px var(--sf-border-hover);--sf-shadow-drag: 0 12px 40px rgba(0, 0, 0, .5), 0 0 0 2px var(--sf-drag-border)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;width:100%}body.sf-workspace-page,body.sf-workspace-page #root{overflow:hidden}body{font-family:var(--sf-font-body);background:var(--sf-bg-base);color:var(--sf-text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}.sf-workspace{display:flex;flex-direction:column;height:100vh;overflow:hidden}.sf-header{display:flex;align-items:center;justify-content:space-between;padding:var(--sf-space-lg) var(--sf-space-2xl);border-bottom:1px solid var(--sf-border);background:var(--sf-bg-raised);flex-shrink:0;min-height:64px;gap:var(--sf-space-lg)}.sf-header__left{display:flex;align-items:center;gap:var(--sf-space-lg);flex:1;min-width:0}.sf-header__brand{display:flex;align-items:center;gap:var(--sf-space-sm);flex-shrink:0}.sf-header__logo{width:22px;height:22px;color:var(--sf-accent)}.sf-header__name{font-size:13px;font-weight:600;color:var(--sf-text-secondary);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}.sf-header__divider{width:1px;height:24px;background:var(--sf-border);flex-shrink:0}.sf-header__title-input{background:transparent;border:1px solid transparent;color:var(--sf-text-primary);font-family:var(--sf-font-body);font-size:16px;font-weight:500;padding:var(--sf-space-xs) var(--sf-space-sm);border-radius:var(--sf-radius-sm);width:100%;max-width:400px;transition:all var(--sf-transition-fast)}.sf-header__title-input:hover{border-color:var(--sf-border-hover)}.sf-header__title-input:focus{outline:none;border-color:var(--sf-border-focus);background:var(--sf-bg-input)}.sf-header__right{display:flex;align-items:center;gap:var(--sf-space-sm);flex-shrink:0}.sf-header__count{font-size:12px;color:var(--sf-text-muted);padding:var(--sf-space-xs) var(--sf-space-md);background:var(--sf-bg-base);border-radius:99px;white-space:nowrap;font-weight:500}.sf-btn{display:inline-flex;align-items:center;gap:var(--sf-space-sm);padding:var(--sf-space-sm) var(--sf-space-lg);border:none;border-radius:var(--sf-radius-sm);font-family:var(--sf-font-body);font-size:13px;font-weight:500;cursor:pointer;transition:all var(--sf-transition-fast);white-space:nowrap;height:36px}.sf-btn--primary{background:var(--sf-accent);color:#fff}.sf-btn--primary:hover{background:var(--sf-accent-hover)}.sf-btn--ghost{background:transparent;color:var(--sf-text-secondary)}.sf-btn--ghost:hover{background:var(--sf-accent-muted);color:var(--sf-text-primary)}.sf-btn--danger-ghost{background:transparent;color:var(--sf-text-muted)}.sf-btn--danger-ghost:hover{background:var(--sf-danger-muted);color:var(--sf-danger)}.sf-btn--icon{width:32px;height:32px;padding:0;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--sf-radius-sm);border:none;background:transparent;color:var(--sf-text-muted);cursor:pointer;transition:all var(--sf-transition-fast)}.sf-btn--icon:hover{background:var(--sf-accent-muted);color:var(--sf-text-primary)}.sf-btn--icon.danger:hover{background:var(--sf-danger-muted);color:var(--sf-danger)}.sf-board-list{flex:1;overflow-y:auto;overflow-x:hidden;padding:var(--sf-space-2xl);display:flex;flex-direction:column;gap:var(--sf-space-lg)}.sf-board-list::-webkit-scrollbar{width:8px}.sf-board-list::-webkit-scrollbar-track{background:transparent}.sf-board-list::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:99px}.sf-board-list::-webkit-scrollbar-thumb:hover{background:#ffffff24}.sf-card{background:var(--sf-bg-card);border-radius:var(--sf-radius-lg);box-shadow:var(--sf-shadow-card);transition:box-shadow var(--sf-transition-normal),opacity var(--sf-transition-normal),transform var(--sf-transition-fast);position:relative;max-width:900px;width:100%;margin:0 auto}.sf-card:hover{box-shadow:var(--sf-shadow-card-hover)}.sf-card--dragging{opacity:.35;transform:scale(.98)}.sf-card--drag-over{box-shadow:var(--sf-shadow-drag);background:var(--sf-drag-bg)}.sf-card--drag-over:before{content:"";position:absolute;top:-6px;left:24px;right:24px;height:3px;background:var(--sf-drag-indicator);border-radius:99px}.sf-card__header{display:flex;align-items:center;justify-content:space-between;padding:var(--sf-space-md) var(--sf-space-lg);border-bottom:1px solid var(--sf-border);cursor:grab;-webkit-user-select:none;user-select:none}.sf-card__header:active{cursor:grabbing}.sf-card__header-left{display:flex;align-items:center;gap:var(--sf-space-md)}.sf-card__drag-handle{color:var(--sf-text-muted);display:flex;align-items:center;transition:color var(--sf-transition-fast)}.sf-card__header:hover .sf-card__drag-handle{color:var(--sf-text-secondary)}.sf-card__number{font-size:12px;font-weight:700;color:var(--sf-accent);background:var(--sf-accent-muted);padding:2px 10px;border-radius:99px;letter-spacing:.03em;font-family:var(--sf-font-mono)}.sf-card__actions{display:flex;gap:2px;opacity:0;transition:opacity var(--sf-transition-fast)}.sf-card:hover .sf-card__actions{opacity:1}.sf-card__body{display:grid;grid-template-columns:1fr 1fr;gap:0}.sf-card__field{padding:var(--sf-space-lg)}.sf-card__field:first-child{border-right:1px solid var(--sf-border)}.sf-card__field-label{display:flex;align-items:center;gap:var(--sf-space-xs);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--sf-text-muted);margin-bottom:var(--sf-space-sm)}.sf-card__field-label svg{width:12px;height:12px}.sf-card__textarea{width:100%;background:var(--sf-bg-input);border:1px solid transparent;border-radius:var(--sf-radius-sm);color:var(--sf-text-primary);font-family:var(--sf-font-body);font-size:13px;line-height:1.65;padding:var(--sf-space-md);resize:none;overflow:hidden;min-height:80px;transition:border-color var(--sf-transition-fast),background var(--sf-transition-fast)}.sf-card__textarea::placeholder{color:var(--sf-text-placeholder)}.sf-card__textarea:hover{border-color:var(--sf-border-hover)}.sf-card__textarea:focus{outline:none;border-color:var(--sf-border-focus);background:var(--sf-bg-input-focus)}.sf-insert-zone{display:flex;justify-content:center;height:0;position:relative;z-index:1}.sf-insert-btn{position:absolute;top:-12px;width:24px;height:24px;border-radius:50%;border:1px solid var(--sf-border);background:var(--sf-bg-raised);color:var(--sf-text-muted);display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transition:all var(--sf-transition-fast);font-size:14px;line-height:1}.sf-board-list:hover .sf-insert-btn{opacity:.5}.sf-insert-btn:hover{opacity:1!important;background:var(--sf-accent);border-color:var(--sf-accent);color:#fff;transform:scale(1.15)}.sf-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:var(--sf-space-lg);color:var(--sf-text-muted)}.sf-empty__icon{width:48px;height:48px;opacity:.3}.sf-empty__text{font-size:15px}.sf-loading{display:flex;align-items:center;justify-content:center;height:100vh;color:var(--sf-text-muted);font-size:14px}.sf-shortcut-hint{position:fixed;bottom:var(--sf-space-lg);right:var(--sf-space-xl);font-size:11px;color:var(--sf-text-muted);display:flex;align-items:center;gap:var(--sf-space-xs);opacity:.6}.sf-shortcut-hint kbd{background:var(--sf-bg-card);border:1px solid var(--sf-border);border-radius:4px;padding:1px 5px;font-family:var(--sf-font-mono);font-size:10px}.sf-btn--icon[title]{position:relative}