*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{--bg:#080808;--bg2:#0f0f0f;--bg3:#161616;--bg4:#1e1e1e;--border:#242424;--border2:#2e2e2e;--fg:#f0f0f0;--fg2:#999;--fg3:#555;--fg4:#444;--cerulean:#0099CC;--cerulean2:#33AEDD;--frozen:#86DFFF;--green:#3ecf8e;--red:#f87171;--yellow:#fbbf24;--radius:12px;--radius-sm:7px;}
html{scroll-behavior:smooth}
body{font-family:'DM Sans',sans-serif;background:var(--bg);color:var(--fg);line-height:1.6;overflow-x:hidden}

.auth-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg);padding:24px}
.auth-card{background:var(--bg2);border:1px solid var(--border);border-radius:16px;padding:40px 36px;width:100%;max-width:400px;display:flex;flex-direction:column;gap:20px}
.auth-logo{font-size:40px;text-align:center}
.auth-title{font-family:'DM Mono',monospace;font-weight:500;font-size:24px;letter-spacing:-0.5px;color:var(--fg);text-align:center}
.auth-sub{font-size:13px;color:var(--fg3);text-align:center;margin-top:-10px}
.auth-form{display:flex;flex-direction:column;gap:12px}
.auth-field{display:flex;flex-direction:column;gap:5px}
.auth-label{font-family:'DM Mono',monospace;font-size:10px;letter-spacing:0.8px;text-transform:uppercase;color:var(--fg3)}
.auth-input{background:var(--bg3);border:1px solid var(--border);border-radius:8px;padding:10px 13px;font-family:'DM Sans',sans-serif;font-size:14px;color:var(--fg);outline:none;transition:border-color 0.15s;width:100%}
.auth-input:focus{border-color:var(--cerulean)}
.auth-input::placeholder{color:var(--fg4)}
.auth-error{font-size:12px;color:var(--red);min-height:16px}
.auth-btn{background:var(--cerulean);color:#fff;border:none;padding:11px 18px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;font-family:'DM Sans',sans-serif;transition:background 0.15s}
.auth-btn:hover{background:var(--cerulean2)}

.dash{display:flex;min-height:100vh}
.dash-sidebar{width:220px;flex-shrink:0;background:var(--bg2);border-right:1px solid var(--border);display:flex;flex-direction:column;position:fixed;top:0;left:0;bottom:0;z-index:100}
.dash-logo{display:flex;align-items:center;gap:10px;padding:10px 8px;border-bottom:1px solid var(--border);}
.dash-logo img{width:auto;height:50px;border-radius:50%;object-fit:cover}
.dash-logo-icon{font-size:24px}
.dash-logo-name{font-family:'DM Mono',monospace;font-weight:700;font-size:14px;color:var(--fg)}
.dash-logo-role{font-family:'DM Mono',monospace;font-size:9px;color:var(--cerulean);letter-spacing:0.5px;text-transform:uppercase;margin-top:2px}
.dash-nav{display:flex;flex-direction:column;gap:2px;padding:10px 7px;flex:1}
.dash-nav-item{display:flex;align-items:center;gap:9px;padding:9px 10px;border-radius:7px;font-size:13px;color:var(--fg3);text-decoration:none;cursor:pointer;transition:all 0.12s}
.dash-nav-item svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.dash-nav-item:hover{background:var(--bg3);color:var(--fg)}
.dash-nav-item.active{background:rgba(0,153,204,0.1);color:var(--frozen)}
.dash-sidebar-footer{padding:10px 7px;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:6px}
.dash-user{display:flex;align-items:center;gap:9px;padding:9px 10px;border-radius:7px;background:var(--bg3)}
.dash-avatar{width:28px;height:28px;border-radius:50%;background:var(--cerulean);display:flex;align-items:center;justify-content:center;font-family:'DM Mono',monospace;font-weight:700;font-size:12px;color:#fff;flex-shrink:0}
.dash-username{font-size:12px;font-weight:500;color:var(--fg)}
.dash-logout{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:7px;border:none;background:transparent;font-size:12px;color:var(--fg4);cursor:pointer;font-family:'DM Sans',sans-serif;transition:all 0.12s;width:100%;text-align:left}
.dash-logout:hover{background:var(--bg3);color:var(--red)}

.dash-main{margin-left:220px;flex:1;padding:32px;max-width:calc(100vw - 220px)}
.dash-section{display:none}
.dash-section.active{display:block}
.dash-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;gap:16px}
.dash-title{font-family:'DM Mono',monospace;font-weight:700;font-size:24px;letter-spacing:-0.5px;color:var(--fg);margin-bottom:20px}
.dash-header .dash-title{margin-bottom:0}

.stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px;margin-bottom:24px}
.stat-card{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);padding:18px 20px}
.stat-card-label{font-size:11px;color:var(--fg3);text-transform:uppercase;letter-spacing:0.5px;margin-bottom:6px}
.stat-card-num{font-family:'DM Mono',monospace;font-weight:700;font-size:28px;color:var(--fg);letter-spacing:-1px}

.btn-primary{background:var(--cerulean);color:#fff;border:none;padding:9px 18px;border-radius:var(--radius-sm);font-size:13px;font-weight:500;cursor:pointer;font-family:'DM Sans',sans-serif;transition:background 0.15s}
.btn-primary:hover{background:var(--cerulean2)}
.btn-ghost{background:transparent;border:1px solid var(--border);color:var(--fg2);padding:8px 14px;border-radius:var(--radius-sm);font-size:13px;cursor:pointer;font-family:'DM Sans',sans-serif;transition:all 0.12s}
.btn-ghost:hover{background:var(--bg3);color:var(--fg)}
.btn-danger{background:transparent;border:1px solid var(--red);color:var(--red);padding:6px 12px;border-radius:var(--radius-sm);font-size:12px;cursor:pointer;font-family:'DM Sans',sans-serif;transition:all 0.12s}
.btn-danger:hover{background:rgba(248,113,113,0.1)}
.btn-sm{padding:5px 11px;border-radius:5px;border:1px solid var(--border);background:transparent;color:var(--fg3);cursor:pointer;font-size:11px;font-family:'DM Sans',sans-serif;transition:all 0.12s}
.btn-sm:hover{background:var(--bg3);color:var(--fg)}
.btn-sm.green{border-color:var(--green);color:var(--green)}
.btn-sm.green:hover{background:rgba(62,207,142,0.08)}

.form-card{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);padding:24px;margin-bottom:20px}
.form-card-title{font-family:'DM Mono',monospace;font-size:16px;font-weight:600;color:var(--fg);margin-bottom:16px}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.form-group{display:flex;flex-direction:column;gap:5px}
.form-group.full{grid-column:1/-1}
.form-label{font-family:'DM Mono',monospace;font-size:10px;letter-spacing:0.8px;text-transform:uppercase;color:var(--fg3)}
.form-input{background:var(--bg3);border:1px solid var(--border);border-radius:var(--radius-sm);padding:8px 11px;font-family:'DM Sans',sans-serif;font-size:13px;color:var(--fg);outline:none;width:100%;transition:border-color 0.15s}
.form-input:focus{border-color:var(--cerulean)}
.form-input::placeholder{color:var(--fg4)}
.form-textarea{min-height:80px;resize:vertical;line-height:1.6}
.form-actions{display:flex;gap:10px;align-items:center;margin-top:16px}
.form-status{font-size:12px}

.search-bar{margin-bottom:16px}
.search-bar .form-input{max-width:400px}
.tab-bar{display:flex;gap:4px;margin-bottom:16px}
.tab{padding:7px 16px;border-radius:var(--radius-sm);border:1px solid var(--border);background:transparent;color:var(--fg3);font-size:12px;cursor:pointer;font-family:'DM Sans',sans-serif;transition:all 0.12s}
.tab.active{background:rgba(0,153,204,0.1);border-color:var(--cerulean);color:var(--frozen)}
.tab-content{display:none}
.tab-content.active{display:block}

.item-list{display:flex;flex-direction:column;gap:8px}
.item-row{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);padding:14px 18px;display:flex;align-items:center;gap:14px;transition:border-color 0.15s}
.item-row:hover{border-color:var(--border2)}
.item-info{flex:1;min-width:0}
.item-title{font-family:'DM Mono',monospace;font-weight:600;font-size:14px;color:var(--fg);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.item-meta{font-size:12px;color:var(--fg3);margin-top:2px;display:flex;gap:8px;flex-wrap:wrap}
.item-actions{display:flex;gap:6px;flex-shrink:0}
.status-pill{font-family:'DM Mono',monospace;font-size:10px;padding:2px 7px;border-radius:4px;text-transform:uppercase}
.status-published,.status-resolved{color:var(--green);background:rgba(62,207,142,0.08)}
.status-pending,.status-unresolved{color:var(--yellow);background:rgba(251,191,36,0.08)}
.status-disabled,.status-rejected{color:var(--red);background:rgba(248,113,113,0.08)}
.status-draft{color:var(--fg3);background:var(--bg4)}

.fb-filters{display:flex;gap:8px;margin-bottom:16px;flex-wrap:wrap}
.fb-filters .form-input{width:auto;min-width:140px}
.fb-counts{display:flex;gap:14px;margin-bottom:16px}
.fb-count{font-size:13px;color:var(--fg3)}
.fb-count strong{color:var(--fg);font-weight:600}

.empty-state{text-align:center;padding:48px;font-size:14px;color:var(--fg3)}
.loading-state{display:flex;align-items:center;justify-content:center;gap:10px;padding:48px;color:var(--fg3);font-size:13px}
.spinner{width:20px;height:20px;border-radius:50%;border:2px solid var(--border2);border-top-color:var(--cerulean);animation:spin 0.7s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}

/* Graph range buttons */
.graph-range-btn{font-family:'DM Mono',monospace;font-size:10px;padding:5px 10px;border-radius:5px;border:1px solid var(--border);background:transparent;color:var(--fg3);cursor:pointer;transition:all .12s}
.graph-range-btn:hover{border-color:var(--border2);color:var(--fg)}
.graph-range-btn.active{background:rgba(0,153,204,0.1);border-color:var(--cerulean);color:var(--cerulean)}

/* Stat card selected */
.stat-card.selected{border-color:var(--cerulean);background:rgba(0,153,204,0.06);box-shadow:0 0 0 1px var(--cerulean) inset}

/* Priority badges */
.pri-badge{font-family:'DM Mono',monospace;font-size:10px;padding:2px 7px;border-radius:4px;text-transform:uppercase;letter-spacing:0.3px}
.pri-critical{color:#f87171;background:rgba(248,113,113,0.1);border:1px solid rgba(248,113,113,0.2)}
.pri-high{color:#fb923c;background:rgba(251,146,60,0.1);border:1px solid rgba(251,146,60,0.2)}
.pri-medium{color:#fbbf24;background:rgba(251,191,36,0.1);border:1px solid rgba(251,191,36,0.2)}
.pri-low{color:#3ecf8e;background:rgba(62,207,142,0.1);border:1px solid rgba(62,207,142,0.2)}
.pri-none{color:var(--fg4);background:var(--bg3);border:1px solid var(--border)}

/* Priority filter checkboxes */
.priority-check{display:inline-flex;align-items:center;gap:4px;cursor:pointer;font-size:11px}
.priority-check input{width:14px;height:14px;cursor:pointer}
.pri-label{font-family:'DM Mono',monospace;font-size:10px;padding:1px 6px;border-radius:3px}

/* Item cards */
.item-card{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);padding:16px 20px;margin-bottom:10px;transition:border-color .15s}
.item-card:hover{border-color:var(--border2)}
.item-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap}
.item-title{font-family:'DM Mono',monospace;font-weight:600;font-size:15px;color:var(--fg)}
.item-meta{font-size:12px;color:var(--fg3);display:inline-flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:2px}
.item-actions{display:flex;gap:6px;flex-shrink:0;flex-wrap:wrap;align-items:center}
.item-list{display:flex;flex-direction:column;gap:0}
.status-badge{font-family:'DM Mono',monospace;font-size:10px;padding:2px 7px;border-radius:4px;text-transform:uppercase;letter-spacing:0.3px}
.status-unresolved{color:#fbbf24;background:rgba(251,191,36,0.1)}
.status-resolved{color:#3ecf8e;background:rgba(62,207,142,0.1)}

/* Stat cards */
.stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}
.stat-card{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);padding:18px;cursor:pointer;transition:all .15s}
.stat-card:hover{border-color:var(--border2)}
.stat-card.selected{border-color:var(--cerulean);background:rgba(0,153,204,0.04)}
.stat-card-num{font-family:'DM Mono',monospace;font-size:24px;font-weight:700;color:var(--fg);letter-spacing:-1px}
.stat-card-label{font-size:11px;color:var(--fg3);margin-top:4px;text-transform:uppercase;letter-spacing:0.3px}

/* Buttons */
.btn-sm{font-size:11px;padding:5px 11px;border-radius:5px;border:1px solid var(--border);background:transparent;color:var(--fg3);cursor:pointer;font-family:'DM Sans',sans-serif;transition:all .12s;white-space:nowrap}
.btn-sm:hover{background:var(--bg3);color:var(--fg)}
.btn-sm.green{border-color:rgba(62,207,142,0.3);color:var(--green)}
.btn-sm.green:hover{background:rgba(62,207,142,0.08)}
.btn-danger{font-size:11px;padding:5px 11px;border-radius:5px;border:1px solid rgba(248,113,113,0.3);background:transparent;color:var(--red);cursor:pointer;font-family:'DM Sans',sans-serif;transition:all .12s;white-space:nowrap}
.btn-danger:hover{background:rgba(248,113,113,0.08)}

/* Feedback info grid */
.fb-info-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:6px 16px;margin-top:10px;padding:10px 12px;background:var(--bg3);border-radius:8px}
.fb-info-row{display:flex;flex-direction:column;gap:2px}
.fb-info-label{font-family:'DM Mono',monospace;font-size:9px;letter-spacing:0.8px;text-transform:uppercase;color:var(--fg4)}
.status-published{color:#3ecf8e;background:rgba(62,207,142,0.1)}
.status-draft{color:#fbbf24;background:rgba(251,191,36,0.1)}
.status-pending{color:#fb923c;background:rgba(251,146,60,0.1)}
.status-disabled{color:#666;background:rgba(102,102,102,0.1)}