@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{--blue-deep:#2e49d6;--blue:#3b5bff;--blue-mid:#6e86ff;--blue-tint:#e7ebff;--blue-soft:#f5f7ff;--accent:#3b5bff;--accent-dark:#2e49d6;--accent-tint:#e7ebff;--cream:#f7f7f8;--ink:#1a1a1b;--muted:#6b6b70;--line:#ececee}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--cream);color:var(--ink);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:Inter,sans-serif}button{cursor:pointer;font-family:inherit}input,textarea,select{font-family:inherit}a{color:inherit;text-decoration:none}::selection{background:#3b5bff33}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:#f0f0f2}::-webkit-scrollbar-thumb{background:#cdd1dc;border-radius:2px}.card{border:1px solid var(--line);background:#fff;border-radius:14px;padding:16px;transition:border-color .2s,box-shadow .2s}.card-click{cursor:pointer}.card-click:hover{border-color:var(--blue);box-shadow:0 2px 14px #3b5bff24}.verdict{white-space:nowrap;border-radius:99px;align-items:center;padding:4px 12px;font-size:11px;font-weight:600;display:inline-flex}.verdict-good{color:#2f6b4c;background:#e3f0e6;border:1px solid #cfe2d4}.verdict-bad{color:#b1481f;background:#fbe6db;border:1px solid #f2cdb9}.verdict-mid{color:#8a5410;background:#fbeccd;border:1px solid #f3d79b}.tag{border-radius:99px;align-items:center;gap:3px;padding:3px 10px;font-size:11px;font-weight:500;display:inline-flex}.tag-green{color:#34734f;background:#e8f1ea;border:1px solid #d4e2d6}.tag-red{color:#b14d2a;background:#fbeae1;border:1px solid #f1d4c3}.status-pending{color:#8a5410;background:#fbeccd;border:1px solid #f3d79b}.status-approved{color:#2f6b4c;background:#e3f0e6;border:1px solid #cfe2d4}.status-rejected{color:#b1481f;background:#fbe6db;border:1px solid #f2cdb9}.form-input{border:1.5px solid var(--line);width:100%;color:var(--ink);background:#fff;border-radius:10px;padding:12px 14px;font-size:14px;transition:border-color .15s}.form-input:focus{border-color:var(--blue);outline:none;box-shadow:0 0 0 3px #3b5bff2e}.form-input::placeholder{color:#9a9aa0}.form-textarea{resize:vertical;min-height:110px}.btn-primary{background:var(--blue);color:#fff;border:none;border-radius:12px;width:100%;padding:15px;font-size:15px;font-weight:600;transition:background .15s,transform .15s,box-shadow .15s;box-shadow:0 5px 16px #3b5bff52}.btn-primary:hover{background:var(--blue-deep);transform:translateY(-2px);box-shadow:0 9px 24px #3b5bff6b}.btn-primary:active{transform:translateY(0);box-shadow:0 4px 12px #3b5bff52}.btn-primary:disabled{opacity:.4;cursor:not-allowed;box-shadow:none;transform:none}.btn-accent{background:var(--accent);color:#fff;border:none;border-radius:12px;width:100%;padding:15px;font-size:15px;font-weight:600;transition:background .15s,transform .15s,box-shadow .15s;box-shadow:0 5px 16px #3b5bff52}.btn-accent:hover{background:var(--accent-dark);transform:translateY(-2px);box-shadow:0 9px 24px #3b5bff6b}.btn-accent:active{transform:translateY(0);box-shadow:0 4px 12px #3b5bff52}.btn-secondary{border:1.5px solid var(--line);width:100%;color:var(--muted);background:#fff;border-radius:12px;padding:15px;font-size:15px;font-weight:600;transition:all .15s}.btn-secondary:hover{border-color:var(--blue);color:var(--blue);background:var(--blue-soft)}.btn-back{border:1.5px solid var(--line);color:var(--muted);background:#fff;border-radius:9px;padding:8px 12px;font-size:15px;transition:all .15s}.btn-back:hover{border-color:var(--blue);color:var(--blue)}.tabs{border-bottom:1px solid var(--line);scrollbar-width:none;background:#fff;padding:0 16px;display:flex;overflow-x:auto}.tabs::-webkit-scrollbar{display:none}.tab{color:#9a9aa0;white-space:nowrap;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;padding:12px 16px;font-size:13px;font-weight:500;transition:all .15s}.tab.active{color:var(--blue);border-bottom-color:var(--blue);font-weight:600}.tab:hover{color:var(--blue)}.vote-btn{background:var(--cream);border:1.5px solid var(--line);color:var(--muted);cursor:pointer;border-radius:99px;align-items:center;gap:5px;padding:5px 12px;font-size:12px;transition:all .15s;display:flex}.vote-btn:hover,.vote-btn.voted{border-color:var(--blue);color:var(--blue);background:var(--blue-tint)}.empty-state{text-align:center;padding:48px 20px}.empty-icon{margin-bottom:12px;font-size:40px}.empty-title{color:#8a8a90;margin-bottom:6px;font-size:16px;font-weight:600}.empty-sub{color:#9a9aa0;font-size:13px}.proof-zone{text-align:center;cursor:pointer;background:var(--cream);border:1.5px dashed #cdd1dc;border-radius:12px;padding:24px;transition:all .2s}.proof-zone:hover{border-color:var(--blue);background:var(--blue-soft)}.toggle{cursor:pointer;background:#d6d8e0;border:none;border-radius:12px;width:42px;height:24px;transition:background .2s;position:relative}.toggle.on{background:var(--blue)}.toggle:after{content:"";background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .2s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #00000026}.toggle.on:after{transform:translate(18px)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-10px)}40%{transform:translate(10px)}60%{transform:translate(-8px)}80%{transform:translate(8px)}}@media (prefers-reduced-motion:reduce){.btn-primary,.btn-accent{transition:background .15s}.btn-primary:hover,.btn-accent:hover,.btn-primary:active,.btn-accent:active{transform:none}}