@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800;900&family=Inter:wght@300;400;500;600&family=DM+Mono:wght@400;500&display=swap";:root{--bg-deep: #060402;--bg-dark: #0c0804;--bg: #060402;--panel: rgba(15, 10, 5, .85);--panel-strong: #120b04;--ink: #f5e8d0;--muted: #b8a080;--faint: #7a6040;--line: rgba(204, 169, 122, .22);--line-strong: rgba(204, 169, 122, .42);--gold: #CCA97A;--gold-light: #dfc08e;--gold-dark: #a8853a;--gold-soft: #f0d2a0;--brown: #4A2C00;--brown-light: #6b3e00;--blue: #d5954c;--green: #69d6a3;--danger: #ff7b84;--heading: "Outfit", sans-serif;--body-font: "Inter", sans-serif;--mono: "DM Mono", monospace;--radius: 14px;--radius-lg: 22px;--ease: .22s cubic-bezier(.2,.8,.2,1)}*{box-sizing:border-box}html{min-width:320px;background:var(--bg-deep);scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;overflow-x:hidden;color:var(--ink);font-family:var(--body-font);background:var(--bg-deep);-webkit-font-smoothing:antialiased;line-height:1.6}h1,h2,h3,h4,h5,h6{font-family:var(--heading);line-height:1.15}button,input,textarea,select{font:inherit}button{cursor:pointer}a{color:var(--gold);text-decoration:none;transition:all .3s ease}a:hover{color:var(--gold-light)}::selection{color:#060402;background:var(--gold-soft)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-dark)}::-webkit-scrollbar-thumb{border-radius:4px;background:var(--brown-light)}#preloader{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg-deep);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:99999;transition:opacity .8s cubic-bezier(.4,0,.2,1),visibility .8s;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}#preloader.hidden{opacity:0;visibility:hidden;pointer-events:none}.preloader-logo{width:100px;height:100px;animation:preloader-pulse 2s cubic-bezier(.4,0,.2,1) infinite;position:relative}.preloader-logo:after{content:"";position:absolute;top:-10px;right:-10px;bottom:-10px;left:-10px;border-radius:50%;background:conic-gradient(from 0deg,transparent,var(--danger),transparent);animation:rotate-glow 3s linear infinite;z-index:-1;opacity:.5;filter:blur(10px)}.preloader-logo img{width:100%;height:100%;border-radius:50%;border:2px solid var(--danger);box-shadow:0 0 30px #ff7b844d}.preloader-bar-wrap{width:240px;height:4px;background:#ff7b841a;border-radius:4px;margin-top:32px;overflow:hidden;position:relative}.preloader-bar{height:100%;width:0;background:linear-gradient(90deg,#ce5862,#ff7b84,var(--gold));animation:preloader-fill 1.8s cubic-bezier(.65,0,.35,1) forwards;box-shadow:0 0 10px var(--danger)}.preloader-text{font-family:var(--heading);font-size:.85rem;letter-spacing:4px;color:var(--danger);margin-top:18px;text-transform:uppercase;animation:text-glow 2s ease-in-out infinite alternate}@keyframes preloader-pulse{0%,to{transform:scale(1);filter:drop-shadow(0 0 15px rgba(255,123,132,.4))}50%{transform:scale(1.08);filter:drop-shadow(0 0 35px rgba(255,123,132,.8))}}@keyframes rotate-glow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes preloader-fill{0%{width:0}to{width:100%}}@keyframes text-glow{0%{text-shadow:0 0 5px rgba(255,123,132,.2)}to{text-shadow:0 0 15px rgba(255,123,132,.6)}}.app-bg{position:fixed;z-index:-3;top:0;right:0;bottom:0;left:0;overflow:hidden;background:var(--bg-deep)}.app-bg:before,.app-bg:after{content:"";position:absolute;top:-50%;right:-50%;bottom:-50%;left:-50%;pointer-events:none;opacity:.35;background:radial-gradient(circle at 50% 50%,rgba(255,123,132,.1),transparent 45%),radial-gradient(circle at 20% 80%,rgba(74,44,0,.45),transparent 40%);animation:ambient-drift 20s infinite alternate ease-in-out}.app-bg:after{background:radial-gradient(circle at 80% 20%,rgba(204,169,122,.08),transparent 35%);animation-delay:-10s}.app-grid-overlay{position:fixed;z-index:-2;top:0;right:0;bottom:0;left:0;opacity:.25;pointer-events:none;background-image:linear-gradient(rgba(255,123,132,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,123,132,.05) 1px,transparent 1px);background-size:40px 40px;-webkit-mask-image:linear-gradient(to bottom,#000,transparent 85%);mask-image:linear-gradient(to bottom,#000,transparent 85%);animation:grid-move 60s linear infinite}@keyframes ambient-drift{0%{transform:translate(0) scale(1)}to{transform:translate(5%,5%) scale(1.1)}}@keyframes grid-move{0%{transform:translateY(0)}to{transform:translateY(40px)}}.glow-line{position:fixed;z-index:300;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,#ce5862,#fff,var(--gold),transparent);opacity:.95;background-size:200% 100%;animation:line-flow 3s linear infinite}@keyframes line-flow{0%{background-position:100% 0}to{background-position:-100% 0}}.reveal,.reveal-scale{opacity:0;transition:all .85s cubic-bezier(.16,1,.3,1);will-change:transform,opacity}.reveal{transform:translateY(35px)}.reveal-scale{transform:scale(.92)}.reveal.visible,.reveal-scale.visible{opacity:1;transform:translate(0) scale(1)}.stagger-item{transition-delay:var(--delay, 0ms)}.app-shell{min-height:100vh;display:flex;flex-direction:column}.sidebar{position:fixed;z-index:100;top:18px;bottom:18px;left:18px;display:flex;flex-direction:column;width:260px;overflow:hidden;border:1px solid rgba(255,123,132,.15);border-radius:28px;background:#0a0603a6;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);box-shadow:0 30px 100px #000c,inset 0 1px #ffffff0d;transition:transform .4s cubic-bezier(.2,.8,.2,1)}.sidebar:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:radial-gradient(150px circle at 0 0,rgba(255,123,132,.08),transparent)}.sidebar-brand{display:flex;gap:12px;align-items:center;padding:22px 20px;border-bottom:1px solid rgba(255,123,132,.15)}.sidebar-brand-icon{display:grid;width:38px;height:38px;place-items:center;flex:none;border-radius:11px;color:#fff;font-family:var(--mono);font-size:15px;font-weight:700;background:linear-gradient(135deg,#ce5862,#ff7b84);box-shadow:0 6px 20px #ff7b844d}.sidebar-brand-text{color:var(--ink);font-family:var(--heading);font-size:13px;font-weight:800}.sidebar-brand-sub{color:var(--danger);font-family:var(--mono);font-size:9.5px;letter-spacing:.12em;text-transform:uppercase;margin-top:2px}.sidebar-nav{flex:1;padding:20px 12px;overflow-y:auto}.nav-section{margin-bottom:24px}.nav-section-label{padding:0 10px 8px;color:var(--faint);font-family:var(--mono);font-size:9px;letter-spacing:.14em;text-transform:uppercase}.nav-item{position:relative;display:flex;width:100%;gap:14px;align-items:center;padding:14px 16px;border:0;border-radius:14px;color:var(--muted);text-align:left;font-family:var(--heading);font-size:14px;font-weight:600;background:transparent;transition:all .3s cubic-bezier(.2,.8,.2,1);overflow:hidden;z-index:1}.nav-item:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:linear-gradient(135deg,rgba(255,123,132,.15),transparent);opacity:0;transition:opacity .3s ease;border-radius:14px}.nav-item:hover{color:var(--ink);transform:translate(6px)}.nav-item:hover:before{opacity:1}.nav-item.active{color:#fff;background:linear-gradient(135deg,#ce5862,#ff7b84);font-weight:700;box-shadow:0 8px 30px #ff7b844d;transform:scale(1.02)}.nav-icon{width:20px;color:var(--gold);text-align:center;font-family:var(--mono);font-size:14px;transition:transform .3s ease}.nav-item:hover .nav-icon{transform:scale(1.2) rotate(5deg)}.nav-item.active .nav-icon{color:#fff}.sidebar-footer{padding:14px;border-top:1px solid var(--line)}.sidebar-user{display:flex;gap:10px;align-items:center;padding:10px;border-radius:14px}.sidebar-avatar{width:34px;height:34px;border:1.5px solid var(--line-strong);border-radius:50%;object-fit:cover}.sidebar-uname{overflow:hidden;max-width:150px;color:var(--ink);font-size:12.5px;font-weight:700;white-space:nowrap;text-overflow:ellipsis}.sidebar-urole{margin-top:2px;color:var(--danger);font-family:var(--mono);font-size:9px;letter-spacing:.09em;text-transform:uppercase}.main-content{width:min(100% - 310px,1520px);min-height:100vh;margin-left:286px;padding:40px}.footer{padding:40px 0 20px;color:var(--faint);font-family:var(--mono);font-size:10.5px;text-align:center;border-top:1px solid rgba(204,169,122,.1);margin-top:60px}.card{position:relative;overflow:hidden;border:1px solid rgba(255,123,132,.12);border-radius:var(--radius-lg);background:linear-gradient(145deg,#140e08a6,#0a060480);box-shadow:inset 0 1px #ffffff0d,0 20px 60px #0009;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:all .4s cubic-bezier(.16,1,.3,1)}.card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:radial-gradient(400px circle at var(--mouse-x, 50%) var(--mouse-y, 50%),rgba(255,123,132,.06),transparent 40%);opacity:0;transition:opacity .3s;pointer-events:none}.card:hover:before{opacity:1}.card-glow:hover{border-color:#ff7b8480;box-shadow:0 30px 80px #000c,0 0 40px #ff7b8433;transform:translateY(-4px) scale(1.01)}.metric-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin:30px 0}.metric-card{position:relative;min-height:150px;padding:26px;border:1px solid rgba(255,123,132,.15);border-radius:var(--radius-lg);background:#0f0a0580;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);transition:all .4s cubic-bezier(.16,1,.3,1);overflow:hidden}.metric-card:after{content:"";position:absolute;top:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,transparent,var(--danger),transparent);transform:scaleX(0);transform-origin:left;transition:transform .4s ease}.metric-card:hover{border-color:#ff7b8466;transform:translateY(-5px);box-shadow:0 15px 40px #00000080,inset 0 1px #ffffff0d}.metric-card:hover:after{transform:scaleX(1)}.metric-card span{color:var(--faint);font-family:var(--mono);font-size:11px;letter-spacing:.15em;text-transform:uppercase}.metric-card strong{display:block;margin:14px 0 6px;color:var(--danger);font-size:clamp(32px,4vw,48px);font-weight:800;font-family:var(--heading);line-height:1;text-shadow:0 0 20px rgba(255,123,132,.3)}.data-table{width:100%;border-collapse:collapse}.data-table th{padding:14px 18px;border-bottom:1px solid var(--line);color:var(--faint);font-family:var(--mono);font-size:10px;font-weight:500;letter-spacing:.1em;text-align:left;text-transform:uppercase}.data-table td{padding:16px 18px;border-bottom:1px solid rgba(254,232,208,.04);color:var(--muted);font-size:13px}.data-table tr:hover td{background:#cca97a0a}.badge{display:inline-flex;align-items:center;padding:5px 10px;border:1px solid var(--line);border-radius:8px;font-family:var(--mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase}.badge-pending{color:#ffc66d;background:#ffc66d1a;border-color:#ffc66d40}.badge-approved{color:var(--green);background:#69d6a31a;border-color:#69d6a340}.badge-rejected,.badge-admin{color:var(--danger);background:#ff7b841a;border-color:#ff7b8440}.badge-staff{color:var(--gold);background:#cca97a1f;border-color:var(--line-strong)}.btn{position:relative;display:inline-flex;gap:10px;min-height:46px;align-items:center;justify-content:center;padding:12px 24px;border:1px solid transparent;border-radius:14px;overflow:hidden;font-family:var(--heading);font-size:14px;font-weight:800;letter-spacing:.5px;transition:all .4s cubic-bezier(.16,1,.3,1);cursor:pointer;text-decoration:none;z-index:1}.btn:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(120deg,transparent,rgba(255,255,255,.2),transparent);transform:translate(-100%);transition:transform .6s ease;z-index:-1}.btn:hover:not(:disabled):after{transform:translate(100%)}.btn:hover:not(:disabled){transform:translateY(-3px) scale(1.02);box-shadow:0 12px 30px #00000080}.btn:active:not(:disabled){transform:translateY(0) scale(.98)}.btn-gold,.btn-primary{color:#fff;background:linear-gradient(135deg,#ce5862,#ff7b84);box-shadow:0 8px 25px #ff7b8459;text-shadow:0 1px 0 rgba(0,0,0,.2)}.btn-gold:hover,.btn-primary:hover{background:linear-gradient(135deg,#ff7b84,#fff);color:#000;box-shadow:0 15px 40px #ff7b848c;text-shadow:none}.btn-ghost,.btn-outline{border-color:#ff7b8433;color:var(--danger);background:#ff7b840d;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.btn-ghost:hover,.btn-outline:hover{border-color:#ff7b84;background:#ff7b8426;color:#fff;text-shadow:0 0 10px rgba(255,123,132,.5)}.btn-danger{color:#fff;background:#ce5862}.btn-success{color:#0c0804;background:var(--green)}.btn-sm{min-height:34px;padding:6px 14px;font-size:11px;border-radius:8px}.modal-overlay{position:fixed;z-index:500;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:20px;opacity:0;pointer-events:none;background:#060402d9;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);transition:opacity var(--ease)}.modal-overlay.active{opacity:1;pointer-events:auto}.modal-content{position:relative;width:min(100%,540px);max-height:calc(100vh - 40px);overflow:auto;padding:32px;border:1.5px solid var(--line-strong);border-radius:var(--radius-lg);background:#120b04;box-shadow:0 30px 90px #000c}.modal-close{float:right;color:var(--muted);font-size:24px;line-height:1;cursor:pointer}.auth-page{display:flex;min-height:100vh;width:100%;align-items:center;justify-content:center;padding:40px 20px;position:relative;z-index:10}.auth-card{width:min(100%,460px);padding:44px 38px;border:1px solid var(--line-strong);border-radius:26px;background:#0e0904e0;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);box-shadow:0 30px 90px #000c,inset 0 1px #ffffff0f}.auth-brand-badge{display:inline-flex;align-items:center;gap:10px;margin-bottom:24px;color:var(--ink);font-family:var(--heading);font-size:13px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.auth-heading{margin-bottom:28px;text-align:left}.auth-heading h2{margin:8px 0 6px;color:var(--gold);font-size:26px;font-weight:800;letter-spacing:-.02em}.auth-sub{color:var(--muted);font-size:13px;margin:0;line-height:1.5}.eyebrow-danger{color:var(--danger);font-family:var(--mono);font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.form-group{margin-bottom:20px;text-align:left}.form-label{display:block;margin-bottom:8px;color:var(--ink);font-family:var(--heading);font-size:12px;font-weight:600;letter-spacing:.02em}.form-input{width:100%;height:46px;padding:0 16px;border:1px solid var(--line);border-radius:12px;color:var(--ink);font-family:var(--body-font);font-size:13.5px;background:#080502bf;transition:all .2s ease;outline:none}.form-input:focus{border-color:var(--gold);background:#120c06f2;box-shadow:0 0 0 3px #cca97a26}.form-input::placeholder{color:var(--faint)}.alert{padding:12px 16px;border-radius:10px;font-size:12.5px;font-weight:600;margin-bottom:18px;text-align:left}.alert-error{background:#ff7b841f;color:var(--danger);border:1px solid rgba(255,123,132,.3)}.alert-success{background:#69d6a31f;color:var(--green);border:1px solid rgba(105,214,163,.3)}.site-control-grid{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(280px,.9fr);gap:20px;align-items:start}.site-control-panel,.site-side-panel{padding:24px}.site-control-empty{display:grid;gap:8px;place-items:center;min-height:240px;text-align:center;color:var(--muted)}.site-control-empty strong{color:var(--ink);font-family:var(--heading);font-size:1.2rem}.site-panel-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:20px;padding-bottom:18px;border-bottom:1px solid var(--line)}.site-panel-head h2{margin:6px 0 0;color:var(--gold-light);font-size:1.35rem}.site-panel-kicker{color:var(--danger);font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase}.site-settings-form{display:grid;gap:22px}.site-settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.site-field{display:grid;gap:8px}.site-field span{color:var(--ink);font-family:var(--heading);font-size:12px;font-weight:600;letter-spacing:.02em}.site-field-full{grid-column:1 / -1}.site-textarea,.site-select{width:100%;min-height:46px;padding:14px 16px;border:1px solid var(--line);border-radius:12px;color:var(--ink);font-family:var(--body-font);font-size:13.5px;background:#080502bf;transition:all .2s ease;outline:none}.site-textarea:focus,.site-select:focus{border-color:var(--gold);background:#120c06f2;box-shadow:0 0 0 3px #cca97a26}.site-positions-stack{display:grid;gap:16px}.site-position-card{padding:18px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,#1a1108d1,#0c0804e6);box-shadow:inset 0 1px #ffffff08}.site-position-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px}.site-position-head h3{margin:5px 0 0;color:var(--ink);font-size:1.05rem}.site-position-index{color:var(--faint);font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase}.site-actions{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;padding-top:18px;border-top:1px solid var(--line)}.site-settings-message{color:var(--muted);font-size:12.5px}.site-settings-message.success{color:var(--green)}.site-settings-message.error{color:var(--danger)}.site-meta-list{display:grid;gap:14px;margin-bottom:18px}.site-meta-item{display:grid;gap:5px;padding:14px 16px;border:1px solid var(--line);border-radius:14px;background:#0e0904c7}.site-meta-item span{color:var(--faint);font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase}.site-meta-item strong{color:var(--ink);font-size:13px;word-break:break-word}.site-preview-card{padding:18px;border:1px solid rgba(255,123,132,.2);border-radius:18px;background:radial-gradient(circle at top right,rgba(255,123,132,.12),transparent 40%),#140c08e6}.site-preview-card h3{margin:10px 0 8px;color:var(--gold-light);font-size:1.1rem}.site-preview-card p{margin:0;color:var(--muted);font-size:13px;line-height:1.55}.site-preview-badges{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}@media(max-width:960px){.sidebar{position:sticky;top:0;left:0;width:100%;height:auto;min-height:66px;flex-direction:row;border:0;border-bottom:1px solid var(--line);border-radius:0;background:#0c0804f2}.sidebar-brand{min-width:max-content;padding:14px 18px;border:0}.sidebar-brand-sub,.sidebar-footer{display:none}.sidebar-nav{padding:10px;overflow-x:auto}.nav-section{display:flex;gap:6px;margin:0}.nav-section-label{display:none}.nav-item{width:auto;min-width:max-content;padding:9px 12px}.main-content{width:100%;margin:0;padding:28px 22px}.site-control-grid,.site-settings-grid{grid-template-columns:1fr}.site-field-full{grid-column:auto}}