:root{--vt-c-white: #ffffff;--vt-c-white-soft: #f8f8f8;--vt-c-white-mute: #f2f2f2;--vt-c-black: #181818;--vt-c-black-soft: #222222;--vt-c-black-mute: #282828;--vt-c-indigo: #2c3e50;--vt-c-divider-light-1: rgba(60, 60, 60, .29);--vt-c-divider-light-2: rgba(60, 60, 60, .12);--vt-c-divider-dark-1: rgba(84, 84, 84, .65);--vt-c-divider-dark-2: rgba(84, 84, 84, .48);--vt-c-text-light-1: var(--vt-c-indigo);--vt-c-text-light-2: rgba(60, 60, 60, .66);--vt-c-text-dark-1: var(--vt-c-white);--vt-c-text-dark-2: rgba(235, 235, 235, .64)}:root{--color-background: var(--vt-c-white);--color-background-soft: var(--vt-c-white-soft);--color-background-mute: var(--vt-c-white-mute);--color-border: var(--vt-c-divider-light-2);--color-border-hover: var(--vt-c-divider-light-1);--color-heading: var(--vt-c-text-light-1);--color-text: var(--vt-c-text-light-1);--section-gap: 160px}@media (prefers-color-scheme: dark){:root{--color-background: var(--vt-c-black);--color-background-soft: var(--vt-c-black-soft);--color-background-mute: var(--vt-c-black-mute);--color-border: var(--vt-c-divider-dark-2);--color-border-hover: var(--vt-c-divider-dark-1);--color-heading: var(--vt-c-text-dark-1);--color-text: var(--vt-c-text-dark-2)}}*,*:before,*:after{box-sizing:border-box;margin:0;font-weight:400}body{min-height:100vh;color:var(--color-text);background:var(--color-background);transition:color .5s,background-color .5s;line-height:1.6;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:15px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{max-width:1280px;margin:0 auto;padding:2rem;font-weight:400}a,.green{text-decoration:none;color:#00bd7e;transition:.4s;padding:3px}@media (hover: hover){a:hover{background-color:#00bd7e33}}@media (min-width: 1024px){body{display:flex;place-items:center}#app{display:grid;grid-template-columns:1fr 1fr;padding:0 2rem}}*{margin:0;padding:0;box-sizing:border-box}#app{display:flex;min-height:100vh;background:linear-gradient(135deg,#1a1a2e,#16213e);color:#fff;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.sidebar{width:260px;background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-right:1px solid rgba(255,255,255,.1);padding:20px;position:fixed;height:100vh;transition:all .3s ease;z-index:1000}.sidebar.collapsed{width:80px}.toggle-btn{position:absolute;top:20px;right:-15px;width:30px;height:30px;background:linear-gradient(45deg,#4facfe,#00f2fe);border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:16px;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.toggle-btn:hover{transform:scale(1.1)}.logo-section{display:flex;align-items:center;margin-bottom:40px;padding-bottom:20px;border-bottom:1px solid rgba(255,255,255,.1)}.logo{width:40px;height:40px;background:linear-gradient(45deg,#4facfe,#00f2fe);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;margin-right:15px;color:#fff}.logo-text{font-size:20px;font-weight:600;transition:opacity .3s ease}.nav-item{padding:15px 10px;margin:8px 0;border-radius:12px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;position:relative;text-decoration:none;color:inherit}.nav-item:hover{background:#4facfe33;transform:translate(5px)}.nav-icon{width:20px;height:20px;margin-right:15px;display:flex;align-items:center;justify-content:center;font-size:16px}.nav-text{font-size:14px;font-weight:500}.main-content{flex:1;margin-left:260px;transition:margin-left .3s ease;min-height:100vh;width:calc(100vw - 260px);max-width:none}.main-content.expanded{margin-left:80px;width:calc(100vw - 80px)}.main-content.no-sidebar{margin-left:0;width:100vw}.router-link-active{background:linear-gradient(45deg,#4facfe,#00f2fe)!important}@media (max-width: 768px){.sidebar{width:100%;transform:translate(-100%)}.sidebar.collapsed{transform:translate(0)}.main-content,.main-content.expanded,.main-content.no-sidebar{margin-left:0;width:100vw}}.dashboard-page[data-v-6ca7fa47]{padding:30px;min-height:100vh;width:100%;max-width:100%;background:#1a1d29;color:#fff;box-sizing:border-box}.header[data-v-6ca7fa47]{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding:25px 30px;background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;border:1px solid rgba(255,255,255,.1);width:100%;box-sizing:border-box}.welcome-text h1[data-v-6ca7fa47]{font-size:24px;margin-bottom:5px;background:linear-gradient(45deg,#4facfe,#00f2fe);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.welcome-text p[data-v-6ca7fa47]{opacity:.7;font-size:16px}.user-info[data-v-6ca7fa47]{display:flex;align-items:center}.user-avatar[data-v-6ca7fa47]{width:45px;height:45px;border-radius:50%;background:linear-gradient(45deg,#4facfe,#00f2fe);display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff}.stats-grid[data-v-6ca7fa47]{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:25px;margin-bottom:30px;width:100%;box-sizing:border-box}.stat-card[data-v-6ca7fa47]{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;padding:25px;border:1px solid rgba(255,255,255,.1);transition:all .3s ease;width:100%;box-sizing:border-box}.stat-card[data-v-6ca7fa47]:hover{transform:translateY(-5px);background:#ffffff14}.stat-header[data-v-6ca7fa47]{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.stat-icon[data-v-6ca7fa47]{font-size:24px;width:50px;height:50px;background:#4facfe33;border-radius:50%;display:flex;align-items:center;justify-content:center}.stat-trend[data-v-6ca7fa47]{font-size:14px;font-weight:600;padding:5px 10px;border-radius:20px}.stat-card.up .stat-trend[data-v-6ca7fa47]{background:#43e97b33;color:#43e97b}.stat-card.down .stat-trend[data-v-6ca7fa47]{background:#ff475733;color:#ff4757}.stat-value[data-v-6ca7fa47]{font-size:28px;font-weight:700;margin-bottom:5px;background:linear-gradient(45deg,#4facfe,#00f2fe);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-label[data-v-6ca7fa47]{font-size:16px;opacity:.7}.activity-section[data-v-6ca7fa47]{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;padding:25px;border:1px solid rgba(255,255,255,.1);width:100%;box-sizing:border-box}.activity-section h3[data-v-6ca7fa47]{margin-bottom:20px;font-size:20px;color:#fff}.activity-list[data-v-6ca7fa47]{display:flex;flex-direction:column;gap:15px}.activity-item[data-v-6ca7fa47]{display:flex;align-items:center;gap:15px;padding:15px;background:#ffffff0d;border-radius:12px;transition:all .3s ease}.activity-item[data-v-6ca7fa47]:hover{background:#ffffff14}.activity-avatar[data-v-6ca7fa47]{width:40px;height:40px;border-radius:50%;background:linear-gradient(45deg,#4facfe,#00f2fe);display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff}.activity-content[data-v-6ca7fa47]{flex:1}.activity-text[data-v-6ca7fa47]{font-size:14px;margin-bottom:2px}.activity-time[data-v-6ca7fa47]{font-size:12px;opacity:.6}.activity-type[data-v-6ca7fa47]{padding:5px 12px;border-radius:15px;font-size:12px;font-weight:600}.activity-type.post[data-v-6ca7fa47]{background:#4facfe33;color:#4facfe}.activity-type.report[data-v-6ca7fa47]{background:#ff475733;color:#ff4757}.activity-type.user[data-v-6ca7fa47]{background:#43e97b33;color:#43e97b}.activity-type.comment[data-v-6ca7fa47]{background:#ffb80033;color:#ffb800}@media (max-width: 1200px){.stats-grid[data-v-6ca7fa47]{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.stats-grid[data-v-6ca7fa47]{grid-template-columns:1fr;gap:20px}.dashboard-page[data-v-6ca7fa47]{padding:20px}.header[data-v-6ca7fa47]{padding:20px;flex-direction:column;gap:15px;align-items:flex-start}.stat-card[data-v-6ca7fa47],.activity-section[data-v-6ca7fa47]{padding:20px}}@media (max-width: 480px){.dashboard-page[data-v-6ca7fa47],.header[data-v-6ca7fa47],.stat-card[data-v-6ca7fa47],.activity-section[data-v-6ca7fa47]{padding:15px}.stats-grid[data-v-6ca7fa47]{gap:15px}}.login-only-container[data-v-9b99d845]{position:fixed!important;top:0!important;left:0!important;width:100vw!important;height:100vh!important;min-height:100vh!important;background:linear-gradient(135deg,#1a1d29,#2d3748)!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:20px!important;overflow:hidden!important;z-index:99999!important;margin:0!important}.login-box[data-v-9b99d845]{background:#2d3748f2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(56,178,172,.2);border-radius:20px;padding:40px;width:100%;max-width:440px;box-shadow:0 25px 50px #00000080;position:relative;z-index:10}.login-header[data-v-9b99d845]{text-align:center;margin-bottom:40px}.logo-section[data-v-9b99d845]{display:flex;align-items:center;justify-content:center;gap:15px;margin-bottom:20px}.logo-icon[data-v-9b99d845]{width:50px;height:50px;background:linear-gradient(135deg,#38b2ac,#4fd1c7);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;color:#fff;box-shadow:0 8px 25px #38b2ac4d}.app-name[data-v-9b99d845]{font-size:28px;font-weight:700;color:#fff;margin:0;background:linear-gradient(135deg,#38b2ac,#4fd1c7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.welcome-text[data-v-9b99d845]{font-size:20px;font-weight:600;color:#fff;margin:0 0 8px}.subtitle[data-v-9b99d845]{color:#a0aec0;margin:0;font-size:14px}.login-form[data-v-9b99d845]{display:flex;flex-direction:column;gap:24px}.form-group[data-v-9b99d845]{display:flex;flex-direction:column;gap:8px}.form-label[data-v-9b99d845]{color:#e2e8f0;font-weight:500;font-size:14px}.input-wrapper[data-v-9b99d845]{position:relative;display:flex;align-items:center}.input-icon[data-v-9b99d845]{position:absolute;left:16px;width:20px;height:20px;color:#718096;z-index:2}.form-input[data-v-9b99d845]{width:100%;padding:16px 16px 16px 50px;background:#1a202ccc;border:2px solid rgba(113,128,150,.3);border-radius:12px;color:#fff;font-size:16px;transition:all .3s ease;box-sizing:border-box}.form-input[data-v-9b99d845]::placeholder{color:#718096}.form-input[data-v-9b99d845]:focus{outline:none;border-color:#38b2ac;box-shadow:0 0 0 3px #38b2ac1a;background:#1a202cf2}.password-toggle[data-v-9b99d845]{position:absolute;right:16px;background:none;border:none;color:#718096;cursor:pointer;padding:4px;border-radius:6px;transition:color .3s ease}.password-toggle[data-v-9b99d845]:hover{color:#38b2ac}.password-toggle svg[data-v-9b99d845]{width:20px;height:20px}.form-options[data-v-9b99d845]{display:flex;justify-content:flex-start;align-items:center;margin-top:8px}.remember-me[data-v-9b99d845]{display:flex;align-items:center;cursor:pointer;color:#e2e8f0;font-size:14px;gap:8px}.remember-me input[type=checkbox][data-v-9b99d845]{display:none}.checkmark[data-v-9b99d845]{width:18px;height:18px;border:2px solid #718096;border-radius:4px;position:relative;transition:all .3s ease}.remember-me input[type=checkbox]:checked+.checkmark[data-v-9b99d845]{background:#38b2ac;border-color:#38b2ac}.remember-me input[type=checkbox]:checked+.checkmark[data-v-9b99d845]:after{content:"";position:absolute;left:5px;top:2px;width:4px;height:8px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.login-button[data-v-9b99d845]{background:linear-gradient(135deg,#38b2ac,#4fd1c7);color:#fff;border:none;padding:16px 24px;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 8px 25px #38b2ac4d;margin-top:8px}.login-button[data-v-9b99d845]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 35px #38b2ac66}.login-button[data-v-9b99d845]:disabled{opacity:.7;cursor:not-allowed}.loading-spinner[data-v-9b99d845]{display:flex;align-items:center;justify-content:center;gap:8px}.spinner[data-v-9b99d845]{width:20px;height:20px}.error-message[data-v-9b99d845]{display:flex;align-items:center;gap:8px;color:#fc8181;background:#feb2b21a;border:1px solid rgba(254,178,178,.2);border-radius:8px;padding:12px 16px;font-size:14px;margin-top:16px}.error-message svg[data-v-9b99d845]{width:16px;height:16px;flex-shrink:0}.bg-animation[data-v-9b99d845]{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:1}.floating-shape[data-v-9b99d845]{position:absolute;background:linear-gradient(135deg,#38b2ac1a,#4fd1c51a);border-radius:50%;animation:float-9b99d845 20s infinite linear}.shape-1[data-v-9b99d845]{width:300px;height:300px;top:-150px;left:-150px;animation-delay:0s}.shape-2[data-v-9b99d845]{width:200px;height:200px;top:50%;right:-100px;animation-delay:-10s}.shape-3[data-v-9b99d845]{width:150px;height:150px;bottom:-75px;left:50%;animation-delay:-5s}@keyframes float-9b99d845{0%{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(180deg)}to{transform:translateY(0) rotate(360deg)}}@media (max-width: 480px){.login-container[data-v-9b99d845]{padding:16px}.login-box[data-v-9b99d845]{padding:30px 24px}.app-name[data-v-9b99d845]{font-size:24px}.welcome-text[data-v-9b99d845]{font-size:18px}.form-input[data-v-9b99d845]{padding:14px 14px 14px 46px;font-size:15px}.login-button[data-v-9b99d845]{padding:14px 20px;font-size:15px}}