.header[data-v-7d794791]{background-color:#0d0d0df2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 2px 20px #00000080;position:sticky;top:0;z-index:100}.header-content[data-v-7d794791]{display:flex;align-items:center;justify-content:space-between;height:65px}.logo h1[data-v-7d794791]{background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;cursor:pointer;font-size:26px;font-weight:700}.nav ul[data-v-7d794791]{display:flex;list-style:none;gap:25px}.nav a[data-v-7d794791]{text-decoration:none;color:#a0a0a0;font-size:15px;transition:all .2s;position:relative}.nav a[data-v-7d794791]:hover{color:#fff}.nav a[data-v-7d794791]:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%);transition:width .3s}.nav a[data-v-7d794791]:hover:after{width:100%}.auth[data-v-7d794791]{display:flex;gap:12px}.footer[data-v-29e7e487]{background-color:#333;color:#fff;padding:20px 0;text-align:center}.app[data-v-b815c4b3]{min-height:100vh;display:flex;flex-direction:column;position:relative;z-index:2}.main-content[data-v-b815c4b3]{flex:1;padding:20px 0;position:relative;z-index:2}.main-content.no-header[data-v-b815c4b3]{padding:0}*{margin:0;padding:0;box-sizing:border-box}:root{--bg-primary: #0d0d0d;--bg-secondary: #1a1a1a;--bg-card: #242424;--bg-card-hover: #2a2a2a;--text-primary: #ffffff;--text-secondary: #a0a0a0;--text-muted: #666666;--accent-primary: #6366f1;--accent-secondary: #8b5cf6;--accent-gradient: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);--border-color: #333333;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .3);--shadow-md: 0 4px 16px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .5)}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background-color:#0a0a0a;color:var(--text-primary);min-height:100vh;position:relative;overflow-x:hidden}#stars-container,#meteors-container{position:fixed!important;top:0!important;left:0!important;width:100%!important;height:100%!important;pointer-events:none!important;z-index:0!important}@keyframes twinkle{0%,to{opacity:.3}50%{opacity:1}}.star{position:fixed!important;background-color:#fff!important;border-radius:50%!important;pointer-events:none!important;z-index:1!important}.meteor{position:fixed;width:120px;height:2px;background:linear-gradient(to left,rgba(255,255,255,0) 0%,rgba(180,200,255,.2) 40%,rgba(220,230,255,.5) 60%,rgba(255,255,255,.8) 80%,rgba(255,255,255,1) 100%);z-index:100;pointer-events:none;border-radius:2px;box-shadow:0 0 8px #ffffffb3,0 0 20px #c8dcff66}@keyframes meteor{0%{opacity:1;transform:translate(0) rotate(-35deg)}70%{opacity:1}to{opacity:0;transform:translate(-900px,650px) rotate(-35deg)}}.container{max-width:1200px;margin:0 auto;padding:20px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 20px;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s}.btn-primary{background:var(--accent-gradient);color:#fff}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #6366f166}.btn-danger{background-color:#ef4444;color:#fff}.btn-danger:hover{background-color:#f87171;transform:translateY(-2px)}.btn-secondary{background-color:var(--bg-card);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover{background-color:var(--bg-card-hover)}.card{background-color:var(--bg-card);border-radius:12px;box-shadow:var(--shadow-sm);padding:20px;margin-bottom:20px;border:1px solid var(--border-color);transition:all .2s}.card:hover{box-shadow:var(--shadow-md);border-color:#6366f14d}.form-group{margin-bottom:15px}.form-label{display:block;margin-bottom:5px;font-weight:500;color:var(--text-secondary)}.form-input{width:100%;padding:12px 15px;border:1px solid var(--border-color);border-radius:8px;font-size:14px;background-color:var(--bg-secondary);color:var(--text-primary);transition:all .2s}.form-input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px #6366f11a}.text-center{text-align:center}.text-muted{color:var(--text-muted)}.text-secondary{color:var(--text-secondary)}.mt-20{margin-top:20px}.mb-20{margin-bottom:20px}.flex{display:flex}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;align-items:center;justify-content:space-between}.gap-10{gap:10px}.gap-20{gap:20px}.error-message{color:#ef4444;font-size:12px;margin-top:5px}.success-message{color:#22c55e;font-size:12px;margin-top:5px}.pagination{display:flex;justify-content:center;list-style:none;gap:8px;margin-top:20px}.pagination li{padding:8px 16px;border-radius:8px;cursor:pointer;background-color:var(--bg-card);border:1px solid var(--border-color);transition:all .2s}.pagination li:hover{background-color:var(--bg-card-hover)}.pagination li.active{background:var(--accent-gradient);color:#fff;border-color:var(--accent-primary)}.pagination li.disabled{opacity:.5;cursor:not-allowed}.avatar{width:40px;height:40px;border-radius:50%;object-fit:cover}.avatar-lg{width:80px;height:80px}.avatar-sm{width:30px;height:30px}.gradient-text{background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}