:root{--accent: #dc2626;--accent-hover: #b91c1c;--accent-light: rgba(220, 38, 38, .1);--accent-text: #ffffff;--surface-page: #F5F5F7;--surface-card: #ffffff;--surface-raised: #ffffff;--surface-inset: #F5F5F7;--surface-overlay: rgba(255,255,255,.85);--border: rgba(0, 0, 0, .08);--border-strong: rgba(0, 0, 0, .14);--text-primary: #1D1D1F;--text-secondary: #6e6e73;--text-tertiary: #aeaeb2;--shadow-xs: 0 1px 3px rgba(0,0,0,.06);--shadow-sm: 0 2px 12px rgba(0,0,0,.07);--shadow-md: 0 8px 24px rgba(0,0,0,.09);--shadow-lg: 0 20px 48px rgba(0,0,0,.12);--radius-xs: 8px;--radius-sm: 12px;--radius-md: 16px;--radius-lg: 20px;--radius-xl: 28px;--radius-pill: 9999px;--transition: .2s ease}.dark{--surface-page: #0f172a;--surface-card: #1e293b;--surface-raised: #253347;--surface-inset: #0f172a;--surface-overlay: rgba(15, 23, 42, .85);--border: rgba(255, 255, 255, .07);--border-strong: rgba(255, 255, 255, .12);--text-primary: #f1f5f9;--text-secondary: #94a3b8;--text-tertiary: #64748b;--shadow-xs: 0 1px 3px rgba(0,0,0,.3);--shadow-sm: 0 2px 12px rgba(0,0,0,.35);--shadow-md: 0 8px 24px rgba(0,0,0,.4);--shadow-lg: 0 20px 48px rgba(0,0,0,.5)}.tu-card{background:var(--surface-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:box-shadow var(--transition),transform var(--transition)}.tu-card:hover{box-shadow:var(--shadow-md)}.tu-card-interactive{cursor:pointer}.tu-card-interactive:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}.tu-btn-primary{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:var(--accent);color:var(--accent-text);font-weight:600;font-size:14px;border-radius:var(--radius-sm);border:none;cursor:pointer;transition:background var(--transition),box-shadow var(--transition),transform var(--transition);box-shadow:0 2px 8px #00000026}.tu-btn-primary:hover{background:var(--accent-hover);box-shadow:0 4px 16px #0000002e;transform:translateY(-1px)}.tu-btn-primary:active{transform:translateY(0)}.tu-btn-secondary{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;background:var(--surface-inset);color:var(--text-secondary);font-weight:600;font-size:13px;border-radius:var(--radius-xs);border:1px solid var(--border);cursor:pointer;transition:all var(--transition)}.tu-btn-secondary:hover{background:var(--surface-raised);color:var(--text-primary);border-color:var(--border-strong);box-shadow:var(--shadow-xs)}.tu-input{width:100%;padding:10px 14px;background:var(--surface-inset);color:var(--text-primary);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:14px;transition:border-color var(--transition),box-shadow var(--transition);outline:none}.tu-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-light)}.tu-input::placeholder{color:var(--text-tertiary)}.tu-badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:var(--radius-pill);font-size:11px;font-weight:700;letter-spacing:.02em;text-transform:uppercase}.tu-progress-track{height:5px;background:var(--surface-inset);border-radius:var(--radius-pill);overflow:hidden}.tu-progress-fill{height:100%;border-radius:var(--radius-pill);transition:width .5s ease}.tu-tabs{display:flex;gap:2px;background:var(--surface-inset);border:1px solid var(--border);border-radius:var(--radius-sm);padding:4px}.tu-tab{display:flex;align-items:center;gap:6px;padding:7px 14px;border-radius:var(--radius-xs);font-size:13px;font-weight:600;color:var(--text-secondary);border:none;background:transparent;cursor:pointer;transition:all var(--transition);white-space:nowrap}.tu-tab:hover{color:var(--text-primary)}.tu-tab.active{background:var(--surface-card);color:var(--text-primary);box-shadow:var(--shadow-xs)}.tu-project-avatar{width:44px;height:44px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:18px;color:#fff;flex-shrink:0;letter-spacing:-.02em}.tu-label{font-size:11px;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.06em}.tu-divider{height:1px;background:var(--border);border:none;margin:0}.tu-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:80px 24px;text-align:center;color:var(--text-tertiary)}
