:root{--bg-color:#131314;--sidebar-bg:#1e1f20;--text-primary:#e3e3e3;--text-secondary:#9aa0a6;--input-bg:#1e1f20;--accent-blue:#a8c7fa;--accent-strong:#3b82f6;--btn-bg:#1a1a1c;--hover-card:#333;--card-bg:#282a2c;--danger:#f87171;--success:#9ae6b4;--accent-red:var(--danger);--accent-green:var(--success);--accent-yellow:#f59e0b;--border-muted:#3a3d40;--radius-sm:6px;--radius-md:8px;--radius-lg:14px;--transition:.3s cubic-bezier(.4, 0, .2, 1)}:root.light-mode{--bg-color:#f8fafc;--sidebar-bg:#fff;--text-primary:#111827;--text-secondary:#4b5563;--input-bg:#fff;--accent-blue:#1d4ed8;--accent-strong:#2563eb;--btn-bg:#e5e7eb;--hover-card:#f3f4f6;--card-bg:#fff;--danger:#dc2626;--success:#15803d;--accent-red:var(--danger);--accent-green:var(--success);--accent-yellow:#b45309;--border-muted:#d1d5db}:root.dark-mode{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root.light-mode{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0;font-family:Outfit,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}html{background:var(--bg-color);scroll-behavior:smooth}body{background:var(--bg-color);min-height:100vh;color:var(--text-primary);overflow:hidden}button,input,textarea,select{font:inherit}button{color:inherit}a{color:var(--accent-strong);text-decoration:none}a:hover{color:var(--accent-blue)}.links{color:var(--text-primary);text-decoration:none}.icon{filter:invert();flex-shrink:0;width:24px;height:24px;transition:opacity .2s,transform .2s}:root.light-mode .icon{filter:none}.icon:hover{opacity:.8}.empty-state{color:var(--text-secondary);font-size:.9rem}.centered-empty{text-align:center;place-items:center;width:100%;min-height:220px;display:grid}.form-error{color:var(--danger);margin-bottom:14px}.form-success{color:var(--success);margin-bottom:14px}.app-layout{width:100%;height:100vh;display:flex}.main-container{flex-direction:column;flex:1;min-width:0;min-height:100vh;display:flex;position:relative;overflow:hidden}.content-wrapper{scroll-behavior:smooth;flex-direction:column;flex:1;align-items:center;width:100%;padding-bottom:20px;display:flex;overflow:hidden auto}.page{width:min(100%,920px);padding:32px;animation:.3s fadeIn}.page-header{margin-bottom:32px}.page-title{color:var(--text-primary);margin-bottom:10px;font-size:clamp(1.7rem,4vw,2.2rem);font-weight:600;line-height:1.15}.page-subtitle{color:var(--text-secondary);font-size:1rem;line-height:1.6}header{background:var(--bg-color);height:60px;color:var(--text-secondary);flex-shrink:0;justify-content:space-between;align-items:center;gap:16px;padding:0 20px;font-size:1.2rem;display:flex}.header-left,.header-right{align-items:center;display:flex}.header-left{gap:20px}.Logo{color:var(--text-primary);letter-spacing:0;font-weight:700}.header-right{gap:10px;width:min(45vw,400px)}.header-right .searchBar{border:1px solid var(--border-muted);border-radius:var(--radius-md);background:var(--input-bg);width:100%;min-width:120px;height:35px;color:var(--text-primary);transition:border-color var(--transition), background var(--transition);outline:none;padding:0 18px;font-size:.85rem}.header-right .searchBar:focus{border-color:var(--accent-strong)}.header-right .searchBar::placeholder{color:var(--text-secondary)}.header-right .icon{border-radius:50%;width:32px;height:32px}.footer{background:var(--bg-color);flex-shrink:0;justify-content:center;align-items:center;width:100%;padding:0 12px 10px;display:flex}.disclaimer{color:#666;text-align:center;margin-top:10px;font-size:.75rem}.sidebar{z-index:100;background:var(--sidebar-bg);width:250px;height:100vh;transition:width var(--transition), transform var(--transition);flex-direction:column;flex-shrink:0;padding:20px 15px;display:flex;overflow:hidden}.sidebar-header{cursor:pointer;align-items:center;margin-bottom:20px;padding-left:10px;display:flex}.new-report-btn,.nav-item{color:var(--text-primary);white-space:nowrap;transition:background var(--transition), padding var(--transition), border-radius var(--transition);align-items:center;gap:12px;display:flex;overflow:hidden}.new-report-btn{background:var(--btn-bg);border-radius:30px;width:100%;margin:10px 0 20px;padding:12px 16px 12px 40px;font-size:1rem;font-weight:500}.new-report-btn:hover{background:var(--hover-card)}.navContainer{flex-direction:column;justify-content:space-between;height:100%;display:flex}.nav-item{border-radius:30px;margin-top:5px;padding:10px 12px 10px 20px;font-size:.92rem}.nav-item:hover,.links.active .nav-item,.links.active .new-report-btn{background:var(--btn-bg)}.menu-overlay{z-index:90;visibility:hidden;opacity:0;transition:var(--transition);background:#00000073;position:fixed;inset:0}.menu-overlay.active{visibility:visible;opacity:1}.sidebar.collapsed{align-items:center;width:72px}.sidebar.collapsed .label,.sidebar.collapsed .location-box{display:none}.sidebar.collapsed .sidebar-header,.sidebar.collapsed .new-report-btn,.sidebar.collapsed .nav-item{justify-content:center;padding:10px}.sidebar.collapsed .new-report-btn,.sidebar.collapsed .nav-item{border-radius:50%;margin-inline:auto}.mobile-menu-btn{cursor:pointer;justify-content:center;align-items:center;display:none}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (width<=768px){.sidebar{position:fixed;top:0;left:0;transform:translate(-100%);box-shadow:5px 0 20px #0006}.sidebar.mobile-open{transform:translate(0)}.sidebar.collapsed{align-items:stretch;width:250px}.sidebar.collapsed .label{display:block}.sidebar.collapsed .new-report-btn,.sidebar.collapsed .nav-item{border-radius:30px;justify-content:flex-start;width:auto;padding-left:20px}.sidebar-header{display:none}.mobile-menu-btn{display:flex}.page{padding:24px 18px}header{padding:0 14px}.header-right{width:min(58vw,320px)}}@media (width<=480px){.header-left{gap:10px}.header-right{gap:8px}.header-right .searchBar{min-width:0;padding:0 12px}}.btn,.submit-btn,.cancel-btn,.logoutBtn,.btn-link,.stat-button{cursor:pointer;transition:transform .14s ease, box-shadow .14s ease, opacity .14s ease, background var(--transition);border:0}.btn,.submit-btn,.logoutBtn{border-radius:var(--radius-md);color:#fff;background:linear-gradient(135deg,#1d6bf3,#3b82f6);padding:12px 16px;font-size:.95rem;font-weight:600}.cancel-btn{border-radius:var(--radius-md);background:var(--btn-bg);color:var(--text-primary);padding:12px 16px}.btn:active,.submit-btn:active,.cancel-btn:active,.logoutBtn:active{opacity:.9;transform:scale(.97)}.btn:disabled,.submit-btn:disabled,.cancel-btn:disabled,.btn-link:disabled{cursor:not-allowed;opacity:.55}.btn-link{border-radius:var(--radius-sm);min-height:34px;color:var(--accent-blue);background:0 0;justify-content:center;align-items:center;gap:6px;padding:6px 8px;font-size:.88rem;font-weight:600;display:inline-flex}.btn-link:hover{background:#a8c7fa14}.danger-link{color:var(--danger)}.button-group,.report-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.cards-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-top:40px;display:grid}.card,.report-card,.notification-card{border-radius:var(--radius-lg);border:1px solid var(--border-muted);background:var(--card-bg);transition:background var(--transition), border-color var(--transition), transform var(--transition)}.card{flex-direction:column;justify-content:space-between;min-height:210px;padding:24px;display:flex}.card:hover,.report-card:hover,.notification-card:hover{border-color:var(--accent-blue);background:var(--hover-card)}.card-icon,.icon-box,.anonymous-icon{background:var(--btn-bg);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.card-icon{align-self:flex-end;width:40px;height:40px}.card p{color:var(--text-secondary)}.card-value{color:var(--text-primary);margin-top:18px;font-size:2.4rem;line-height:1;display:block}.card-meta{color:var(--text-secondary);margin-top:8px;font-size:.86rem;line-height:1.4;display:block}.reports-grid{flex-direction:column;gap:16px;width:100%;max-width:800px;margin:0 auto;display:flex}.report-card,.notification-card{box-sizing:border-box;border:1px solid var(--border-muted);flex-direction:column;gap:14px;min-width:0;height:240px;padding:18px;display:flex}.report-header,.notification-header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.report-header{align-items:center}.icon-box{width:42px;height:42px}.report-info,.notification-info{flex:1;min-width:0}.report-author,.notification-title{color:var(--text-primary);word-break:break-word;font-weight:600}.report-time,.notification-time{color:var(--text-secondary);margin-top:4px;font-size:.8rem}.report-id,.priority-badge{background:var(--btn-bg);color:var(--accent-blue);border-radius:999px;width:fit-content;padding:5px 10px;font-size:.75rem;font-weight:700;display:inline-flex}.category-tag{color:var(--text-primary);font-size:.82rem}.report-title{color:var(--text-primary);word-break:break-word;font-size:1.08rem;line-height:1.35}.report-description,.notification-description{color:var(--text-secondary);word-break:break-word;font-size:.92rem;line-height:1.55}.report-description{-webkit-line-clamp:3;text-overflow:ellipsis;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.report-footer{justify-content:space-between;align-items:center;gap:12px;margin-top:auto;display:flex}.report-stats{flex-wrap:wrap;gap:8px;display:flex}.stat-item{background:var(--btn-bg);min-height:32px;color:var(--text-secondary);border-radius:999px;align-items:center;gap:5px;padding:5px 9px;font-size:.82rem;display:inline-flex}.stat-item .icon{width:16px;height:16px}.stat-button.is-active{color:var(--accent-blue)}.activity-graph-card{border:1px solid var(--border-muted);border-radius:var(--radius-md);background:var(--card-bg);gap:14px;margin-top:28px;padding:18px;display:grid}.activity-graph-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.activity-graph-header h2{font-size:1rem}.graph-legend{color:var(--text-secondary);flex-wrap:wrap;gap:10px;font-size:.8rem;display:flex}.graph-legend span{align-items:center;gap:6px;display:inline-flex}.graph-legend i{border-radius:50%;width:10px;height:10px}.activity-graph{border-bottom:1px solid var(--border-muted);width:100%;height:220px}.activity-graph polyline{fill:none;stroke:var(--accent-blue);stroke-width:2.5px;vector-effect:non-scaling-stroke}.activity-graph .actions-line{stroke:var(--success)}.activity-graph .activities-line{stroke:var(--accent-yellow)}.graph-labels{color:var(--text-secondary);justify-content:space-between;font-size:.78rem;display:flex}.notification-card{grid-template-columns:42px minmax(0,1fr);display:grid}.status-badge{background:var(--btn-bg);color:var(--text-primary);white-space:nowrap;border-radius:999px;padding:5px 10px;font-size:.78rem;font-weight:700}.status-pending{color:var(--accent-yellow)}.status-in-progress{color:var(--accent-blue)}.status-resolved{color:var(--success)}.status-canceled,.status-cancelled{color:var(--danger)}@media (width<=640px){.cards-grid{grid-template-columns:1fr}.card{min-height:170px}.report-footer{flex-direction:column;align-items:flex-start}}.report-form,.suggestion-form,.admin-action-form{gap:18px;display:grid}.form-group{gap:7px;display:grid}.form-group input,.form-group textarea,.form-group select,.admin-search-panel input,.admin-action-form select,.admin-action-form textarea,.admin-action-form input,.admin-action-form input[type=file]{border:1px solid var(--border-muted);border-radius:var(--radius-md);background:var(--input-bg);width:100%;color:var(--text-primary);transition:border-color var(--transition), background var(--transition), box-shadow var(--transition);outline:none;padding:14px 16px;font-size:.95rem}.form-group textarea,.suggestion-form textarea,.admin-action-form textarea{resize:vertical;min-height:140px;line-height:1.6}.form-group input:focus,.form-group textarea:focus,.form-group select:focus,.admin-search-panel input:focus,.admin-action-form select:focus,.admin-action-form textarea:focus{border-color:var(--accent-strong);background:var(--input-bg);box-shadow:0 0 0 4px #3b82f626}.upload-box{border:2px dashed var(--accent-strong);background:var(--card-bg);cursor:pointer;text-align:center;transition:background var(--transition), border-color var(--transition);border-radius:20px;padding:36px 20px;display:block}.upload-box:hover{border-color:var(--accent-blue);background:var(--hover-card)}.upload-content{flex-direction:column;align-items:center;gap:10px;display:flex}.upload-icon{background:#3b82f626;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;display:flex}.upload-title{color:var(--text-primary);font-weight:600}.upload-subtitle,.upload-limit,.field-hint,.selected-file{color:var(--text-secondary);font-size:.86rem}.upload-limit{color:#666}.evidence-container{flex-wrap:wrap;gap:14px;margin-top:18px;display:flex}.evidence-card{border:1px solid var(--border-muted);border-radius:var(--radius-lg);background:var(--card-bg);width:120px;height:120px;position:relative;overflow:hidden}.evidence-card img{object-fit:cover;width:100%;height:100%}.remove-evidence{cursor:pointer;background:#000;border:0;border-radius:50%;width:22px;height:22px;position:absolute;top:8px;right:8px}.remove-evidence img{filter:invert()}.evidence-file-name{height:100%;color:var(--text-primary);text-align:center;word-break:break-word;justify-content:center;align-items:center;padding:12px;font-size:.82rem;display:flex}.anonymous-box{border:1px solid var(--border-muted);border-radius:var(--radius-lg);background:var(--card-bg);align-items:center;gap:14px;padding:16px;display:flex}.anonymous-icon{width:44px;height:44px}.anonymous-content p,.checkbox-group-agreeBox{color:var(--text-secondary);line-height:1.5}.checkbox-group-agreeBox{align-items:flex-start;gap:10px;display:flex}.checkbox-group-agreeBox input{margin-top:4px}.success-card{border:1px solid var(--success);border-radius:var(--radius-md);background:var(--card-bg);gap:12px;margin-bottom:20px;padding:20px;display:grid}.success-label{color:var(--success);text-transform:uppercase;font-size:.8rem;font-weight:700}.success-card h2{color:var(--text-primary);font-size:1.75rem}.success-card p,.success-meta{color:var(--text-secondary)}.success-meta{flex-wrap:wrap;gap:12px;font-size:.88rem;display:flex}.report-modal-backdrop{z-index:500;background:#000000b8;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0;overflow-y:auto}.report-modal{border:1px solid var(--border-muted);border-radius:var(--radius-md);background:var(--card-bg);width:min(860px,100%);max-height:88vh;color:var(--text-primary);padding:24px;overflow-y:auto}.compact-modal{gap:14px;max-width:560px;display:grid}.report-modal-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px;display:flex}.report-modal-header h2{word-break:break-word;margin-top:6px;font-size:1.35rem}.modal-close{background:var(--btn-bg);width:36px;height:36px;color:var(--text-primary);cursor:pointer;border:1px solid #555;border-radius:50%;font-size:1rem}.tabs{flex-wrap:wrap;gap:10px;margin-bottom:22px;display:flex}.tab{border:1px solid var(--border-muted);border-radius:var(--radius-md);background:var(--card-bg);color:var(--text-secondary);cursor:pointer;transition:var(--transition);padding:9px 14px;font-size:.9rem}.tab:hover,.tab.active{border-color:var(--accent-blue);background:var(--btn-bg);color:var(--text-primary)}.login-page{background-color:var(--sidebar-bg);box-sizing:border-box;gap:24px;width:100%;min-height:100vh;padding:24px;font-family:system-ui,-apple-system,sans-serif;display:flex}.left-panel,.right-panel{color:var(--text-primary);border-radius:10px;flex-direction:column;display:flex}.left-panel{background-color:var(--bg-color);border:1px solid var(--border-color);width:65%;padding:48px;position:relative;overflow:hidden}.logo,.left-content{z-index:1;position:relative}.left-content{margin-top:auto}.logo{letter-spacing:1px;color:var(--text-primary);font-size:1.5rem;font-weight:800}.left-content h1{margin-bottom:8px;font-size:clamp(2rem,4vw,3rem);line-height:1.1}.title2{background:linear-gradient(90deg,#4285f4,#d96570);color:#0000;-webkit-background-clip:text;background-clip:text;width:fit-content;margin-top:0;font-weight:600;display:inline-block}.cnt_subtext{color:var(--text-secondary);max-width:80%;margin-top:20px;font-size:1.1rem;line-height:1.6}.right-panel{background-color:var(--bg-color);border:1px solid var(--border-color);justify-content:center;width:35%;min-width:360px;padding:48px 40px;box-shadow:0 25px 50px -12px #00000080}.title{background:linear-gradient(90deg,#4285f4,#d96570);color:#0000;text-align:center;-webkit-background-clip:text;background-clip:text;margin:0 0 32px;font-size:1.8rem;font-weight:500;display:inline-block}.input-group-login{flex-direction:column;gap:8px;margin-bottom:24px;display:flex}.input-group-login label{color:var(--text-secondary);font-size:.9rem;font-weight:500}.input-group-login input{background:var(--input-bg);border:1px solid var(--border-color);width:100%;color:var(--text-primary);box-sizing:border-box;transition:var(--transition);border-radius:10px;outline:none;padding:14px 16px;font-size:1rem}.input-group-login input:focus,.otpInput:focus{border-color:var(--accent-blue);box-shadow:0 0 0 3px #3b82f633}.input-group-login input:disabled{opacity:.6;cursor:not-allowed}.text-link{color:var(--accent-blue);cursor:pointer;font-size:inherit;background:0 0;border:none;padding:0;text-decoration:underline}.check-box{color:var(--text-secondary);align-items:flex-start;gap:10px;margin-bottom:12px;font-size:.85rem;line-height:1.4;display:flex}.check-box input{accent-color:var(--accent-blue);margin-top:3px}.check-box a{color:var(--accent-blue);text-decoration:none}.check-box a:hover{text-decoration:underline}.otp-section-animate{animation:.4s forwards fadeIn}.line{background:var(--border-color);border:0;height:1px;margin:32px 0}.otp-label{color:var(--text-secondary);text-align:center;margin-bottom:12px;font-size:.9rem;display:block}.otp-box{justify-content:space-between;gap:8px;margin-bottom:16px;display:flex}.otp-box input{aspect-ratio:1;background-color:var(--input-bg);border:1px solid var(--border-color);width:100%;color:var(--text-primary);text-align:center;transition:var(--transition);border-radius:10px;outline:none;font-size:1.2rem;font-weight:700}.subtext,.resend-text{text-align:center;color:var(--text-secondary);margin:8px 0;font-size:.85rem}.subtext a{color:var(--accent-blue);text-decoration:none}@media (width<=960px){.login-page{padding:16px}.left-panel{display:none}.right-panel{align-self:center;width:100%;min-width:0;max-width:500px;margin:0 auto;padding:32px 24px}}.hero-text{gap:8px;display:grid}.gradient-text{background:linear-gradient(90deg,#4285f4,#d96570);color:#0000;-webkit-background-clip:text;background-clip:text;width:fit-content;font-size:3.5rem;font-weight:500;display:inline-block}.sub-text{color:#444;font-size:1.5rem;font-weight:200;line-height:1.2}.suggestion-card{min-height:240px}@media (width<=768px){.hero-text{margin-top:10px}}.report-advanced-container{--bg-main:var(--bg-color);--bg-card:var(--card-bg);--bg-elevated:var(--btn-bg);--border-color:var(--border-muted);--accent-blue-hover:var(--accent-strong);width:100%;max-width:1200px;color:var(--text-primary);flex-direction:column;gap:24px;margin:0 auto;font-family:system-ui,-apple-system,sans-serif;display:flex}.report-layout-grid{grid-template-columns:minmax(0,1.8fr) minmax(0,1fr);align-items:start;gap:24px;display:grid}.report-layout-flex{align-items:flex-start;gap:24px;display:flex}.layout-col-main{flex:64%;min-width:0}.layout-col-sidebar{flex:32%;min-width:280px}.detail-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:28px;overflow:hidden}.detail-card-header{border-bottom:1px solid var(--border-color);margin-bottom:20px;padding-bottom:16px}.detail-card-title{color:var(--text-primary);letter-spacing:.5px;text-transform:uppercase;margin:0;font-size:1.1rem;font-weight:600}.report-header-row{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.report-title-large{color:var(--text-primary);word-break:break-word;margin:16px 0;font-size:clamp(1.5rem,4vw,2.2rem);font-weight:700;line-height:1.2}.author-block{align-items:center;gap:12px;display:flex}.author-block .icon-box{background:var(--bg-elevated);border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.author-info h4{margin:0 0 4px;font-size:1rem}.author-info p{color:var(--text-secondary);margin:0;font-size:.85rem}.report-id-badge{color:var(--accent-blue);border-radius:6px;margin-left:8px;padding:4px 10px;font-size:.75rem;font-weight:700}.action-group{align-items:center;gap:12px;display:flex}.btn-icon{background:var(--bg-elevated);color:var(--text-primary);cursor:pointer;width:38px;height:38px;transition:all var(--transition);border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;display:flex}.btn-icon:hover{background:var(--border-color);transform:translateY(-2px)}.btn-icon.danger:hover{border-color:var(--accent-red);background:#ef444426}.btn-icon img{width:18px;height:18px}.status-badge{letter-spacing:.5px;text-transform:uppercase;border-radius:999px;padding:6px 14px;font-size:.85rem;font-weight:600}.status-pending{color:var(--accent-yellow);background:#f59e0b26;border:1px solid #f59e0b4d}.status-in-progress{color:var(--accent-blue);background:#3b82f626;border:1px solid #3b82f64d}.status-resolved{color:var(--success);background:#10b98126;border:1px solid #10b9814d}.status-canceled{color:var(--danger);background:#ef444426;border:1px solid #ef44444d}.description-text{color:var(--text-secondary);white-space:pre-wrap;font-size:1rem;line-height:1.7}.evidence-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;margin-top:20px;display:grid}.evidence-card{background:var(--bg-main);border:1px solid var(--border-color);color:var(--text-primary);transition:all var(--transition);border-radius:12px;flex-direction:column;width:auto;height:auto;text-decoration:none;display:flex;overflow:hidden}.evidence-button{cursor:pointer;font:inherit;text-align:left;padding:0}.evidence-card:hover{border-color:var(--accent-blue);transform:translateY(-4px);box-shadow:0 10px 20px -10px #00000080}.evidence-card img,.evidence-card video{object-fit:cover;background:var(--bg-color);width:100%;height:140px}.evidence-card span{text-align:center;white-space:nowrap;text-overflow:ellipsis;padding:12px;font-size:.85rem;font-weight:500;overflow:hidden}.v-stepper{flex-direction:column;padding-left:8px;display:flex}.v-step{gap:16px;padding-bottom:28px;display:flex;position:relative}.v-step:last-child{padding-bottom:0}.v-step-line{background:var(--border-color);width:2px;position:absolute;top:32px;bottom:0;left:15px}.v-step.done .v-step-line{background:var(--accent-blue)}.v-step-dot{background:var(--bg-main);border:2px solid var(--border-color);width:32px;height:32px;color:var(--text-secondary);z-index:1;border-radius:50%;justify-content:center;align-items:center;font-size:.85rem;font-weight:600;display:flex;position:relative}.v-step.active .v-step-dot{border-color:var(--accent-blue);color:var(--accent-blue);box-shadow:0 0 0 4px #3b82f633}.v-step.done .v-step-dot{background:var(--accent-blue);border-color:var(--accent-blue);color:#fff}.v-step-content{padding-top:6px}.v-step-label{color:var(--text-secondary);font-size:.95rem;font-weight:500}.v-step.active .v-step-label{color:var(--text-primary);font-weight:600}.v-step.done .v-step-label{color:var(--text-primary)}.h-stepper{align-items:flex-start;gap:0;width:100%;display:flex}.h-step{flex:1;justify-items:center;gap:10px;min-width:0;display:grid;position:relative}.h-step-line{background:var(--border-muted);height:2px;position:absolute;top:16px;left:calc(50% + 18px);right:calc(18px - 50%)}.h-step-dot,.h-step .v-step-dot{z-index:1;border:2px solid var(--border-muted);background:var(--card-bg);width:34px;height:34px;color:var(--text-secondary);border-radius:50%;place-items:center;font-size:.78rem;font-weight:700;display:grid;position:relative}.h-step.done .h-step-dot,.h-step.active .h-step-dot,.h-step.done .v-step-dot,.h-step.active .v-step-dot{border-color:var(--accent-blue);color:var(--accent-blue)}.h-step-label{color:var(--text-secondary);text-align:center;font-size:.82rem}.h-step.done .h-step-label,.h-step.active .h-step-label{color:var(--text-primary)}.cancel-reason-box{border-left:4px solid var(--danger);border-radius:var(--radius-sm);background:var(--btn-bg);margin-top:18px;padding:12px}.cancel-reason-box span{color:var(--danger);font-size:.85rem;font-weight:700}.cancel-reason-box p{color:var(--text-secondary);margin-top:4px}.timeline-item,.suggestion-item{background:var(--bg-main);border:1px solid var(--border-color);border-radius:12px;margin-bottom:16px;padding:16px}.timeline-item{border-left:4px solid var(--accent-blue)}.timeline-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.timeline-header strong{color:var(--accent-blue);font-size:.95rem}.timeline-header span{color:var(--text-secondary);font-size:.75rem}.suggestion-item p,.timeline-item p{color:var(--text-secondary);margin:0;font-size:.9rem;line-height:1.6}.modern-input,.modern-textarea{background:var(--bg-main);border:1px solid var(--border-color);width:100%;color:var(--text-primary);transition:border-color var(--transition);box-sizing:border-box;border-radius:8px;margin-top:8px;padding:14px;font-family:inherit;font-size:.95rem}.modern-input:focus,.modern-textarea:focus{border-color:var(--accent-blue);outline:none}.btn-primary{background:var(--accent-blue);color:#fff;cursor:pointer;transition:background var(--transition);border:none;border-radius:8px;margin-top:16px;padding:12px 24px;font-weight:600}.btn-primary:hover:not(:disabled){background:var(--accent-blue-hover)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.modal-backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#0f172acc;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-lg);width:100%;max-width:500px;padding:32px;box-shadow:0 25px 50px -12px #00000080}.back-button{align-self:flex-start}.image-preview-modal{border:1px solid var(--border-muted);border-radius:var(--radius-md);background:var(--card-bg);width:min(100%,900px);max-height:88vh;padding:18px;overflow:auto}.image-preview-modal img{object-fit:contain;border-radius:var(--radius-sm);width:100%;max-height:72vh;display:block}.modal-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.modal-close{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;font-size:1.5rem}.form-group{margin-bottom:20px;font-size:.9rem;font-weight:500;display:block}@media (width<=992px){.report-layout-grid{grid-template-columns:1fr}.report-layout-flex{flex-direction:column}.layout-col-sidebar{width:100%;min-width:0}.report-header-row{flex-direction:column;align-items:flex-start}.action-group{justify-content:space-between;width:100%;margin-top:10px}}.notification-list{gap:14px;display:grid}.notification-card{border:1px solid var(--border-muted);border-radius:var(--radius-md);background:var(--card-bg);grid-template-columns:48px minmax(0,1fr);gap:14px;height:auto;min-height:0;padding:16px;display:grid}.compact-notifications .notification-card,.notification-list .notification-card{height:auto}.notification-card .icon-box{width:44px;height:44px}.notification-info{gap:10px;min-width:0;display:grid}.notification-header{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.notification-title{color:var(--text-primary);margin:0;font-size:1rem;line-height:1.35}.notification-time{color:var(--text-secondary);flex-shrink:0;font-size:.78rem}.notification-description p{color:var(--text-secondary);margin:0;line-height:1.5}@media (width<=620px){.notification-card{grid-template-columns:1fr}.notification-header{flex-direction:column}}.admin-management-page{width:min(100%,1080px)}.admin-management-section{margin-bottom:34px}.admin-search-panel{grid-template-columns:minmax(0,1fr) auto;gap:12px;margin-bottom:18px;display:grid}.admin-management-grid{grid-template-columns:minmax(260px,.85fr) minmax(320px,1.35fr);align-items:start;gap:18px;display:grid}.admin-report-results,.admin-report-editor{border:1px solid var(--border-muted);border-radius:var(--radius-md);background:var(--card-bg);padding:18px}.admin-report-results h2,.admin-report-editor h2{margin-bottom:14px;font-size:1.12rem}.admin-report-list,.admin-action-form{gap:10px;display:grid}.admin-report-row{border-radius:var(--radius-md);background:var(--btn-bg);width:100%;color:var(--text-primary);cursor:pointer;text-align:left;border:1px solid #0000;gap:5px;padding:12px;display:grid}.report-search-row{grid-template-columns:minmax(90px,auto) minmax(0,1fr) auto auto;align-items:center}.compact-action{justify-self:end;width:auto;min-height:36px;padding:9px 14px}.admin-report-row:hover,.admin-report-row.is-active{border-color:var(--accent-blue);background:var(--hover-card)}.admin-report-row span{color:var(--accent-blue);font-size:.82rem;font-weight:700}.admin-report-row em,.admin-report-summary p{color:var(--text-secondary);font-style:normal}.admin-report-summary{border-bottom:1px solid var(--border-muted);gap:8px;margin-bottom:16px;padding-bottom:16px;display:grid}.admin-community-reports{border-top:1px solid var(--border-muted);padding-top:24px}.account-form-section{margin-bottom:22px}.admin-count-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:20px;display:grid}.admin-count-card{border:1px solid var(--border-muted);border-radius:var(--radius-md);background:var(--card-bg);gap:8px;padding:18px;display:grid}.admin-count-card span{color:var(--text-secondary)}.admin-count-card strong{color:var(--text-primary);font-size:2rem}.account-management-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.account-row{cursor:default}.account-row:hover{border-color:#0000}.account-row .btn-link{justify-self:start}.compact-header{margin-bottom:8px}@media (width<=820px){.admin-management-grid,.admin-search-panel{grid-template-columns:1fr}}.logoutBtn{margin-top:12px}.guidelines-panel{gap:12px;margin-bottom:22px;display:grid}.guideline-row{border:1px solid var(--border-muted);border-radius:var(--radius-md);background:var(--card-bg);grid-template-columns:36px minmax(0,1fr);align-items:start;gap:14px;padding:16px;display:grid}.guideline-row span{background:var(--btn-bg);width:28px;height:28px;color:var(--text-primary);border-radius:50%;place-items:center;font-weight:700;display:grid}.guideline-row p{color:var(--text-secondary);line-height:1.6}.login-guidelines-page{width:min(100%,820px);min-height:100vh;margin:0 auto;padding:40px 24px}.profile-page-container{width:100%;max-width:900px;margin:0 auto}.profile-header-card{background:var(--card-bg);border:1px solid var(--border-muted);border-radius:var(--radius-lg);align-items:center;margin-bottom:24px;padding:32px;display:flex}.profile-user-info{align-items:center;gap:20px;display:flex}.profile-avatar-large{background:var(--accent-strong);border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;display:flex}.profile-avatar-large #bigIcon{object-fit:contain;width:90%;height:90%}.profile-name{color:var(--text-primary);margin:0 0 6px;font-size:1.8rem;font-weight:700}.profile-id{color:var(--accent-blue);background:var(--btn-bg);border-radius:6px;margin:0;padding:4px 10px;font-size:.95rem;font-weight:600;display:inline-block}.settings-container{background:var(--card-bg);border:1px solid var(--border-muted);border-radius:var(--radius-lg);flex-direction:column;padding:24px;display:flex}.setting-row{border-bottom:1px solid var(--border-muted);justify-content:space-between;align-items:center;gap:24px;padding:20px 0;display:flex}.setting-row:last-child{border-bottom:none;padding-bottom:0}.setting-row:first-child{padding-top:0}.setting-info h4{color:var(--text-primary);margin:0 0 6px;font-size:1.05rem}.setting-info p{color:var(--text-secondary);margin:0;font-size:.9rem;line-height:1.5}.p-btn{background:var(--btn-bg);color:var(--text-primary);cursor:pointer;transition:all var(--transition);white-space:nowrap;border:1px solid #0000;border-radius:8px;padding:10px 20px;font-weight:600}.p-btn:hover{background:var(--hover-card)}.p-btn.danger{color:var(--danger)}.p-btn.danger:hover{background:var(--danger);color:var(--bg-color)}.p-toggle{flex-shrink:0;width:48px;height:26px;position:relative}.p-toggle input{opacity:0;width:0;height:0}.p-toggle-slider{cursor:pointer;background-color:var(--btn-bg);border-radius:34px;transition:all .3s;position:absolute;inset:0}.p-toggle-slider:before{content:"";background-color:var(--text-secondary);border-radius:50%;width:18px;height:18px;transition:all .3s;position:absolute;bottom:4px;left:3px}.p-toggle input:checked+.p-toggle-slider{background-color:var(--accent-strong)}.p-toggle input:checked+.p-toggle-slider:before{background-color:#fff;transform:translate(22px)}@media (width<=640px){.setting-row{flex-direction:column;align-items:flex-start}.p-toggle,.p-btn{align-self:flex-start}}