:root{--color-primary: #FF9B51;--color-primary-hover: #E8873D;--color-bg: #EAEFEF;--color-surface: #FFFFFF;--color-surface-hover: #F0F3F4;--color-border: #BFC9D1;--color-text: #25343F;--color-text-muted: #6B7D88;--color-danger: #E74C3C;--color-success: #2ECC71;--radius: 8px;--radius-lg: 12px}[data-theme=dark]{--color-primary: #FFB070;--color-primary-hover: #FFA050;--color-bg: #1A1E24;--color-surface: #252A32;--color-surface-hover: #2E343D;--color-border: #3A4250;--color-text: #E0E4E8;--color-text-muted: #8A95A0;--color-danger: #F06050;--color-success: #3DD680}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--color-bg);color:var(--color-text);min-height:100vh}#app{min-height:100vh}.app-container{max-width:960px;margin:0 auto;padding:2rem 1.5rem}h1,h2,h3{font-weight:600}h1{font-size:1.8rem;margin-bottom:.75rem;line-height:1.2}h2{font-size:1.3rem;margin-bottom:1rem}h3{font-size:1.1rem;margin-bottom:.75rem}button{cursor:pointer;border:none;border-radius:var(--radius);padding:.6rem 1.2rem;font-size:.9rem;font-weight:500;transition:background .2s,opacity .2s}button:disabled{opacity:.5;cursor:not-allowed}.btn-primary,.btn-secondary,.btn-danger{display:inline-block;padding:.6rem 1.2rem;border-radius:var(--radius);font-size:.9rem;font-weight:500;line-height:1.2;text-decoration:none;text-align:center;cursor:pointer;border:none;transition:background .2s,opacity .2s,color .2s}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover:not(:disabled){background:var(--color-primary-hover)}.btn-secondary{background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border)}.btn-secondary:hover:not(:disabled){background:var(--color-surface-hover)}.btn-danger{background:transparent;color:var(--color-danger);border:1px solid var(--color-danger)}.btn-danger:hover:not(:disabled){background:var(--color-danger);color:#fff}.btn-sm{padding:.35rem .75rem;font-size:.8rem}input[type=text],textarea{width:100%;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:.6rem .8rem;color:var(--color-text);font-size:.9rem;font-family:inherit;outline:none;transition:border-color .2s}input[type=text]:focus,textarea:focus{border-color:var(--color-primary)}textarea{resize:vertical;min-height:60px}label{display:block;font-size:.85rem;color:var(--color-text-muted);margin-bottom:.3rem}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:1.5rem;margin-bottom:1.5rem}.page-header{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.25rem;flex-wrap:wrap}.page-header h1{margin-bottom:0}.page-header-main{display:flex;flex-direction:column;gap:.15rem;min-width:0}.page-header-actions{display:flex;gap:.5rem;flex-wrap:wrap}.flex{display:flex}.flex-col{flex-direction:column}.gap-sm{gap:.5rem}.gap-md{gap:1rem}.gap-lg{gap:1.5rem}.items-center{align-items:center}.justify-between{justify-content:space-between}.text-muted{color:var(--color-text-muted)}.text-sm{font-size:.85rem}.app-header{display:flex;align-items:center;gap:.75rem;margin-bottom:2rem}.app-header p{color:var(--color-text-muted)}.progress-bar{width:100%;height:6px;background:var(--color-border);border-radius:3px;overflow:hidden}.progress-bar-fill{height:100%;background:var(--color-primary);border-radius:3px;transition:width .3s ease}