:root{--surface-0: #f7f8fb;--surface-1: #ffffff;--surface-2: #f1f5f9;--surface-3: #e2e8f0;--surface-glass: rgba(255, 255, 255, .72);--text-strong: #0f172a;--text: #1f2937;--text-muted: #64748b;--border: #e2e8f0;--primary: #6366f1;--primary-strong: #4f46e5;--primary-weak: #e0e7ff;--accent: #0ea5e9;--danger: #ef4444;--danger-weak: #fee2e2;--success: #22c55e;--warning: #f59e0b;--radius-s: 6px;--radius-m: 10px;--radius-l: 14px;--shadow-sm: 0 1px 3px rgba(15, 23, 42, .12);--shadow-md: 0 8px 24px rgba(15, 23, 42, .12);--shadow-lg: 0 16px 48px rgba(15, 23, 42, .16);--transition-fast: .12s ease;--transition-med: .2s ease;--gradient-primary: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--gradient-accent: linear-gradient(120deg, #0ea5e9, #6366f1)}[data-theme=dark]{--surface-0: #0b1220;--surface-1: #0f172a;--surface-2: #111827;--surface-3: #1f2937;--surface-glass: rgba(17, 24, 39, .8);--text-strong: #e5e7eb;--text: #e2e8f0;--text-muted: #94a3b8;--border: #1f2937;--primary: #8b5cf6;--primary-strong: #7c3aed;--primary-weak: #1f2937;--accent: #38bdf8;--danger: #f87171;--danger-weak: #2f1b1b;--success: #34d399;--warning: #fbbf24;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .25);--shadow-md: 0 8px 24px rgba(0, 0, 0, .28);--shadow-lg: 0 16px 48px rgba(0, 0, 0, .32);--gradient-primary: linear-gradient(135deg, #1d4ed8 0%, #7c3aed 100%);--gradient-accent: linear-gradient(120deg, #0ea5e9, #22c55e)}body{background:var(--surface-0);color:var(--text)}.hh-glass{background:var(--surface-glass);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.hh-card{background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius-l);box-shadow:var(--shadow-sm);transition:transform var(--transition-med),box-shadow var(--transition-med),border-color var(--transition-med),background-color var(--transition-med)}.hh-card--hoverable:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:#6366f140}.hh-card__header{padding:1rem 1.25rem 0}.hh-card__body{padding:1.25rem}.hh-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border-radius:var(--radius-m);border:1px solid transparent;padding:.65rem 1rem;font-weight:600;cursor:pointer;transition:transform var(--transition-fast),box-shadow var(--transition-fast),opacity var(--transition-fast),background-color var(--transition-fast),border-color var(--transition-fast);box-shadow:var(--shadow-sm);background:var(--surface-2);color:var(--text-strong)}.hh-btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}.hh-btn:active{transform:translateY(0);box-shadow:var(--shadow-sm)}.hh-btn:disabled{opacity:.65;cursor:not-allowed;box-shadow:none;transform:none}.hh-btn--primary{background:var(--gradient-primary);color:#fff;border-color:#ffffff29}.hh-btn--secondary{background:var(--surface-1);color:var(--text-strong);border-color:var(--border)}.hh-btn--ghost{background:transparent;color:var(--text);border-color:var(--border);box-shadow:none}.hh-btn--destructive{background:linear-gradient(135deg,#ef4444,#b91c1c);color:#fff;border-color:#ffffff1f}.hh-btn--sm{padding:.45rem .75rem;border-radius:var(--radius-s);font-weight:600;font-size:.9rem}.hh-btn--lg{padding:.85rem 1.3rem;font-size:1rem;border-radius:var(--radius-l)}.hh-btn__spinner{width:16px;height:16px;border-radius:999px;border:2px solid currentColor;border-top-color:transparent;animation:hh-spin .7s linear infinite}.hh-btn__check{width:16px;height:16px}.hh-input{width:100%;padding:.65rem .75rem;border-radius:var(--radius-m);border:1px solid var(--border);background:var(--surface-1);color:var(--text);transition:border-color var(--transition-fast),box-shadow var(--transition-fast),background-color var(--transition-fast)}.hh-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #6366f133;background:var(--surface-1)}.hh-input--error{border-color:var(--danger);box-shadow:0 0 0 3px #ef444426}.hh-input:disabled{opacity:.7;cursor:not-allowed}.hh-helper{font-size:.85rem;color:var(--text-muted);margin-top:.25rem}.hh-helper--error{color:var(--danger)}.hh-skeleton{position:relative;overflow:hidden;background:var(--surface-2);border-radius:var(--radius-m)}.hh-skeleton:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.35),transparent);animation:hh-shimmer 1.2s infinite;opacity:.8}.hh-badge{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .6rem;border-radius:999px;font-size:.85rem;background:var(--surface-2);color:var(--text);border:1px solid var(--border)}.hh-badge--success{background:#22c55e26;color:#15803d;border-color:#22c55e40}.hh-badge--warning{background:#f59e0b26;color:#b45309;border-color:#f59e0b40}.hh-badge--danger{background:#ef444426;color:#b91c1c;border-color:#ef444440}.hh-pill{padding:.35rem .75rem;border-radius:999px;background:var(--surface-2);border:1px solid var(--border);color:var(--text);font-weight:600}.hh-gradient-chip{padding:.45rem .8rem;border-radius:var(--radius-m);background:var(--gradient-accent);color:#fff;font-weight:600;box-shadow:var(--shadow-sm)}.hh-empty{border:1px dashed var(--border);border-radius:var(--radius-l);padding:2rem;text-align:center;color:var(--text-muted);background:var(--surface-1)}.hh-empty__cta{margin-top:1rem}.hh-focus-ring:focus-visible{outline:none;box-shadow:0 0 0 3px #6366f159;border-color:var(--primary)}@keyframes hh-spin{to{transform:rotate(360deg)}}@keyframes hh-shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--surface-0);color:var(--text);padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px)}[dir=rtl]{direction:rtl;text-align:right}[dir=rtl] input,[dir=rtl] textarea,[dir=rtl] select{text-align:right}[dir=rtl] .tasks-form{direction:rtl}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root{min-height:100vh}.tasks-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.tasks-form{display:grid;grid-template-columns:2fr 2fr 1fr 1fr auto;gap:.75rem;align-items:end}.tasks-input,.tasks-select{outline:none;transition:box-shadow .15s ease,border-color .15s ease,background-color .15s ease,transform .1s ease}.tasks-input:focus,.tasks-select:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f126;background-color:#fff}.tasks-button,.tasks-action-btn{outline:none;transition:box-shadow .15s ease,transform .1s ease,opacity .15s ease}.tasks-button:focus-visible,.tasks-action-btn:focus-visible{box-shadow:0 0 0 3px #6366f140}.tasks-button:active,.tasks-action-btn:active{transform:translateY(1px)}.tasks-hero-row{display:flex;justify-content:space-between;align-items:center;gap:1rem}@media (max-width: 900px){.tasks-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 640px){.tasks-grid,.tasks-form{grid-template-columns:1fr}.tasks-button{width:100%}.tasks-hero-row{flex-direction:column;align-items:flex-start}}