@tailwind base;@tailwind components;@tailwind utilities;:root{--bg-page:#fafafa;--bg-surface:#fff;--bg-subtle:#f5f5f5;--bg-hover:#f0f0f0;--text-primary:#171717;--text-secondary:#525252;--text-tertiary:#737373;--text-muted:#a3a3a3;--accent:#ff4500;--accent-hover:#e03d00;--accent-subtle:#fff5f0;--green:#16a34a;--green-bg:#f0fdf4;--red:#dc2626;--red-bg:#fef2f2;--amber:#d97706;--amber-bg:#fffbeb;--blue:#2563eb;--blue-bg:#eff6ff;--shadow-ring:0 0 0 1px rgba(0,0,0,.06);--shadow-card:0 0 0 1px rgba(0,0,0,.06),0 1px 2px rgba(0,0,0,.04);--shadow-elevated:0 0 0 1px rgba(0,0,0,.06),0 2px 8px rgba(0,0,0,.06);--shadow-modal:0 0 0 1px rgba(0,0,0,.06),0 8px 32px rgba(0,0,0,.12);--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-pill:9999px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-mono:"JetBrains Mono","SF Mono",ui-monospace,monospace}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);background:var(--bg-page);color:var(--text-primary);font-size:15px;line-height:1.5;min-height:100vh;overflow-x:hidden}.container-app{width:100%;max-width:1120px;margin:0 auto;padding:0 var(--space-4)}@media (max-width:640px){.container-app{padding:0 var(--space-3)}}.header-bar{background:var(--bg-surface);box-shadow:var(--shadow-ring);position:-webkit-sticky;position:sticky;top:0;z-index:40;height:52px}.header-bar,.header-inner{display:flex;align-items:center}.header-inner{width:100%;max-width:1120px;margin:0 auto;padding:0 var(--space-4);justify-content:space-between}.card{background:var(--bg-surface);border-radius:var(--radius-md);box-shadow:var(--shadow-card)}.card-padded{padding:var(--space-5)}.card-hover:hover{box-shadow:var(--shadow-elevated)}.btn{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-sans);font-size:13px;font-weight:500;padding:7px 14px;border-radius:var(--radius-sm);border:none;cursor:pointer;transition:all .15s ease;white-space:nowrap;text-decoration:none;line-height:1}.btn-ghost{background:transparent;color:var(--text-secondary)}.btn-ghost:hover{background:var(--bg-subtle)}.btn-outline{background:var(--bg-surface);color:var(--text-primary);box-shadow:var(--shadow-ring)}.btn-outline:hover{background:var(--bg-subtle)}.btn-primary{background:var(--accent);color:#fff;font-weight:600}.btn-primary:hover{background:var(--accent-hover)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-success{background:var(--green)}.btn-danger,.btn-success{color:#fff;font-weight:600}.btn-danger{background:var(--red)}.btn-pill{border-radius:var(--radius-pill)}.btn-sm{font-size:12px;padding:5px 10px}.btn-lg{font-size:14px;padding:9px 20px}.input{font-family:var(--font-sans);font-size:14px;padding:8px 12px;border:none;border-radius:var(--radius-sm);background:var(--bg-surface);color:var(--text-primary);box-shadow:var(--shadow-ring);width:100%;outline:none;transition:box-shadow .15s ease}.input:focus{box-shadow:0 0 0 2px var(--accent)}.input::placeholder{color:var(--text-muted)}.input-sm{font-size:13px;padding:6px 10px}.textarea{resize:vertical;min-height:100px;font-family:var(--font-sans);font-size:14px;line-height:1.6;padding:10px 12px;border:none;border-radius:var(--radius-sm);background:var(--bg-surface);color:var(--text-primary);box-shadow:var(--shadow-ring);width:100%;outline:none}.textarea:focus{box-shadow:0 0 0 2px var(--accent)}.select{font-family:var(--font-sans);font-size:13px;padding:7px 32px 7px 12px;border:none;border-radius:var(--radius-sm);background:var(--bg-surface);color:var(--text-primary);box-shadow:var(--shadow-ring);outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%23737373' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;cursor:pointer}.badge{display:inline-flex;align-items:center;font-size:11px;font-weight:600;padding:3px 10px;border-radius:var(--radius-pill);white-space:nowrap;letter-spacing:.01em;text-transform:uppercase}.badge-green{background:var(--green-bg);color:var(--green)}.badge-red{background:var(--red-bg);color:var(--red)}.badge-amber{background:var(--amber-bg);color:var(--amber)}.badge-blue{background:var(--blue-bg);color:var(--blue)}.badge-gray{background:var(--bg-subtle);color:var(--text-tertiary)}.modal-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.4);display:flex;align-items:center;justify-content:center;z-index:50;padding:var(--space-4)}.modal-panel{background:var(--bg-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-modal);width:100%;max-width:660px;max-height:85vh;overflow:hidden;display:flex;flex-direction:column}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-5);box-shadow:var(--shadow-ring);flex-shrink:0}.modal-body{padding:var(--space-5);overflow-y:auto;flex:1 1}.tabs{display:flex;box-shadow:var(--shadow-ring);border-radius:var(--radius-md);overflow:hidden;background:var(--bg-surface)}.tab{flex:1 1;padding:10px 16px;font-size:13px;font-weight:500;color:var(--text-tertiary);background:transparent;border:none;cursor:pointer;transition:all .15s;text-align:center;font-family:var(--font-sans)}.tab:hover{background:var(--bg-subtle)}.tab.active{color:var(--accent);background:var(--accent-subtle);font-weight:600}.score-meter-bar{height:6px;border-radius:3px;background:linear-gradient(90deg,#dc2626,#f97316,#eab308,#22c55e);position:relative;margin-bottom:4px}.score-meter-thumb{position:absolute;top:-4px;width:14px;height:14px;background:#fff;border:2px solid var(--text-primary);border-radius:4px;transform:translateX(-50%);box-shadow:0 1px 3px rgba(0,0,0,.12)}.text-center{text-align:center}.text-secondary{color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary)}.text-muted{color:var(--text-muted)}.font-semibold{font-weight:600}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gap-2{display:flex;gap:var(--space-2)}.gap-3{display:flex;gap:var(--space-3)}.gap-4{display:flex;gap:var(--space-4)}.flex-between{display:flex;align-items:center;justify-content:space-between}.flex-wrap{flex-wrap:wrap}.mt-3{margin-top:var(--space-3)}.mt-4{margin-top:var(--space-4)}.mb-3{margin-bottom:var(--space-3)}.mb-4{margin-bottom:var(--space-4)}