*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--primary: #3B82F6;--secondary: #8B5CF6;--accent: #06B6D4;--bg: #F5F5F7;--surface: rgba(255,255,255,.6);--surface-solid: #ffffff;--text: #1E293B;--text-secondary: #64748B;--border: rgba(255,255,255,.4);--border-solid: #E2E8F0;--success: #15803D;--success-bg: #DCFCE7;--warning: #B45309;--warning-bg: #FEF3C7;--error: #B91C1C;--error-bg: #FEE2E2;--radius: 12px;--radius-sm: 8px;--radius-lg: 16px;--shadow: 0 4px 24px rgba(0,0,0,.06);--shadow-lg: 0 8px 40px rgba(0,0,0,.1);--nav-height: 64px;--bottom-nav: 64px}html,body{height:100%;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg);color:var(--text)}#app{min-height:100vh}.glass{background:var(--surface);backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px);border:1px solid var(--border)}.card{background:#ffffffb3;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border-solid);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px}.btn{display:inline-flex;align-items:center;gap:6px;padding:10px 20px;border-radius:var(--radius-sm);font-size:14px;font-weight:500;cursor:pointer;border:none;transition:all .2s ease;text-decoration:none}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:#2563eb;transform:translateY(-1px);box-shadow:0 4px 12px #3b82f666}.btn-secondary{background:#3b82f61a;color:var(--primary)}.btn-secondary:hover{background:#3b82f62e}.btn-ghost{background:transparent;color:var(--text-secondary)}.btn-ghost:hover{background:#0000000d}.btn-danger{background:#b91c1c1a;color:var(--error)}.btn-danger:hover{background:#b91c1c2e}.btn-sm{padding:6px 14px;font-size:13px}.btn-icon{padding:8px;border-radius:50%;width:36px;height:36px;justify-content:center}.tag{display:inline-flex;align-items:center;padding:3px 10px;border-radius:20px;font-size:12px;font-weight:500}.tag-blue{background:#3b82f61f;color:#2563eb}.tag-purple{background:#8b5cf61f;color:#7c3aed}.tag-cyan{background:#06b6d41f;color:#0891b2}.tag-green{background:#15803d1f;color:var(--success)}.tag-orange{background:#b453091f;color:var(--warning)}.tag-red{background:#b91c1c1f;color:var(--error)}.tag-gray{background:#64748b1f;color:var(--text-secondary)}.form-group{display:flex;flex-direction:column;gap:6px}.form-label{font-size:14px;font-weight:500;color:var(--text)}.form-label .optional{font-size:12px;color:var(--text-secondary);font-weight:400;margin-left:4px}.form-input,.form-textarea,.form-select{width:100%;padding:10px 14px;border:1.5px solid var(--border-solid);border-radius:var(--radius-sm);font-size:14px;color:var(--text);background:#fffc;outline:none;transition:border-color .2s,box-shadow .2s;font-family:inherit}.form-input:focus,.form-textarea:focus,.form-select:focus{border-color:var(--primary);box-shadow:0 0 0 3px #3b82f61f}.form-textarea{resize:vertical;min-height:80px}.progress-bar{background:#e2e8f0;border-radius:99px;overflow:hidden}.progress-fill{height:100%;border-radius:99px;transition:width .5s ease}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px}.modal{background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:28px;width:100%;max-width:480px;max-height:90vh;overflow-y:auto}.modal-title{font-size:18px;font-weight:600;margin-bottom:20px}.section-title{font-size:16px;font-weight:600;color:var(--text);margin-bottom:12px}.divider{height:1px;background:var(--border-solid);margin:16px 0}.empty-state{display:flex;flex-direction:column;align-items:center;gap:12px;padding:48px 20px;color:var(--text-secondary);text-align:center}.empty-state .icon{font-size:40px}.empty-state p{font-size:14px}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:99px}