@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";:root{--cream: #FDFAF6;--cream-dark: #F5EFE6;--brown: #3E2723;--brown-light: #5D4037;--brown-soft: #8B5E3C;--brown-faint: rgba(62,39,35,.08);--accent: #8B5E3C;--accent-light: #D4A97A;--white: #ffffff;--error: #c62828;--success: #2e7d32;--shadow: 0 4px 20px rgba(62,39,35,.1);--shadow-sm: 0 2px 8px rgba(62,39,35,.07);--radius: 16px;--radius-sm: 10px;--nav-height: 64px;--font: "Outfit", sans-serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{font-family:var(--font);background:var(--cream);color:var(--brown);height:100%;width:100%;overscroll-behavior:none;-webkit-tap-highlight-color:transparent}#root{height:100%;display:flex;flex-direction:column}button{font-family:var(--font);cursor:pointer;border:none;outline:none;transition:opacity .15s,transform .1s}button:active{transform:scale(.97);opacity:.85}button:disabled{opacity:.4;cursor:not-allowed}input,textarea{font-family:var(--font);outline:none}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.btn-primary{width:100%;padding:14px;background:var(--brown);color:var(--cream);border-radius:var(--radius-sm);font-size:16px;font-weight:600;letter-spacing:.3px}.btn-primary:hover{background:var(--brown-light)}.btn-secondary{width:100%;padding:13px;background:transparent;color:var(--brown);border:1.5px solid var(--brown-faint);border-radius:var(--radius-sm);font-size:15px;font-weight:500}.btn-secondary:hover{background:var(--cream-dark)}.btn-text{background:none;color:var(--accent);font-size:14px;font-weight:500;padding:8px}.input-field{width:100%;padding:14px 16px;border:1.5px solid var(--brown-faint);border-radius:var(--radius-sm);background:var(--white);font-size:15px;color:var(--brown);transition:border-color .2s}.input-field:focus{border-color:var(--accent)}.input-field::placeholder{color:#bcaaa4}.card{background:var(--white);border-radius:var(--radius);box-shadow:var(--shadow-sm);overflow:hidden}.spinner{width:28px;height:28px;border:3px solid var(--brown-faint);border-top-color:var(--accent);border-radius:50%;animation:spin .75s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error-text{color:var(--error);font-size:13px;margin-top:6px}.screen-content{flex:1;overflow-y:auto;padding-bottom:calc(var(--nav-height) + 12px);-webkit-overflow-scrolling:touch}.center-loader{display:flex;justify-content:center;align-items:center;padding:60px 0}.overlay{position:fixed;inset:0;background:#3e272373;z-index:100;display:flex;align-items:flex-end;animation:fadeIn .2s ease}.modal-sheet{width:100%;background:var(--white);border-radius:24px 24px 0 0;padding:24px 20px 40px;animation:slideUp .25s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(60px);opacity:0}to{transform:translateY(0);opacity:1}}:root{--admin-bg: #0f172a;--admin-card: #1e293b;--admin-text: #f8fafc;--admin-text-dim: #94a3b8;--admin-accent: #8b5e3c;--admin-border: #334155;--status-open: #94a3b8;--status-planned: #38bdf8;--status-in-progress: #fbbf24;--status-shipped: #22c55e}.admin-portal{display:flex;height:100vh;background:var(--admin-bg);color:var(--admin-text);font-family:Outfit,sans-serif}.sidebar{width:260px;background:var(--admin-card);border-right:1px solid var(--admin-border);display:flex;flex-direction:column;padding:24px}.sidebar-logo{font-size:20px;font-weight:700;margin-bottom:40px;color:var(--admin-accent)}.nav-item{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:12px;cursor:pointer;transition:background .2s;color:var(--admin-text-dim);margin-bottom:4px}.nav-item:hover{background:#ffffff0d;color:var(--admin-text)}.nav-item.active{background:var(--admin-accent);color:#fff}.main-content{flex:1;overflow-y:auto;padding:40px}.kanban-board{display:flex;gap:24px;height:100%}.kanban-column{flex:1;min-width:300px;background:#ffffff05;border-radius:16px;display:flex;flex-direction:column}.column-header{padding:16px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--admin-border)}.column-title{font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--admin-text-dim)}.card-list{padding:12px;flex:1;overflow-y:auto}.feedback-card{background:var(--admin-card);border:1px solid var(--admin-border);border-radius:12px;padding:16px;margin-bottom:12px;cursor:grab;transition:transform .1s,box-shadow .2s}.feedback-card:hover{box-shadow:0 4px 12px #0000004d}.feedback-card:active{cursor:grabbing}.card-type{font-size:10px;text-transform:uppercase;padding:2px 6px;border-radius:4px;background:#ffffff1a;margin-bottom:8px;display:inline-block}.card-title{font-size:15px;font-weight:600;margin-bottom:8px}.card-footer{display:flex;justify-content:space-between;align-items:center;margin-top:12px;font-size:12px;color:var(--admin-text-dim)}.form-container{max-width:600px;background:var(--admin-card);padding:32px;border-radius:20px;border:1px solid var(--admin-border)}.form-group{margin-bottom:24px}.label{display:block;margin-bottom:8px;font-size:14px;font-weight:500;color:var(--admin-text-dim)}.admin-input{width:100%;padding:12px 16px;background:#0f172a;border:1px solid var(--admin-border);border-radius:8px;color:#fff;font-family:inherit}.admin-btn{background:var(--admin-accent);color:#fff;padding:12px 24px;border-radius:8px;font-weight:600}.login-screen{display:flex;justify-content:center;align-items:center;width:100%;height:100vh;background:var(--admin-bg)}.login-card{width:100%;max-width:400px;padding:40px;background:var(--admin-card)!important;border:1px solid var(--admin-border);text-align:center;border-radius:24px;box-shadow:0 20px 50px #00000080;color:var(--admin-text)!important}.source-badge{font-size:10px;text-transform:uppercase;font-weight:700;padding:2px 6px;border-radius:4px}.source-badge.community{background:#8b5cf61a;color:#a78bfa}.source-badge.internal{background:#ffffff0d;color:var(--admin-text-dim)}.drag-handle{position:absolute;top:12px;right:12px;color:var(--admin-text-dim);opacity:.3;cursor:grab;padding:4px}.feedback-card:hover .drag-handle{opacity:.8}.feedback-card.dragging{z-index:1000;box-shadow:0 20px 40px #0006;cursor:grabbing}.empty-state{padding:24px;text-align:center;color:var(--admin-text-dim);font-size:14px;border:1px dashed var(--admin-border);border-radius:12px}.icon-btn{background:transparent;border:none;color:var(--admin-text-dim);cursor:pointer;padding:4px;border-radius:4px;transition:all .2s}.icon-btn:hover{background:#ffffff0d;color:var(--admin-accent)}
