:root{--bg-deep: #0c0e17;--bg-dark: #12141f;--bg-card: #1a1d2e;--bg-hover: #222640;--bg-surface: #252940;--border: #2a2e45;--border-lt: #353a58;--text: #e8e6f0;--text2: #9b97b0;--text3: #6b6785;--gold: #d4a745;--gold-lt: #e8c36a;--gold-glow: rgba(212, 167, 69, .15);--green: #4ade80;--green-bg: rgba(74, 222, 128, .1);--blue: #60a5fa;--blue-bg: rgba(96, 165, 250, .1);--red: #f87171;--red-bg: rgba(248, 113, 113, .1);--purple: #a78bfa;--purple-bg: rgba(167, 139, 250, .1);--orange: #fb923c;--orange-bg: rgba(251, 146, 60, .1);--r: 12px;--rs: 8px;--rl: 16px;--fd: "Cormorant Garamond", Georgia, serif;--fb: "DM Sans", -apple-system, sans-serif;--shadow: 0 4px 24px rgba(0, 0, 0, .3);--tr: all .25s cubic-bezier(.4, 0, .2, 1)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--fb);background:var(--bg-deep);color:var(--text);min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6}#root{min-height:100vh}h1,h2,h3,h4,h5{font-family:var(--fd);font-weight:600;line-height:1.2}a{color:var(--gold);text-decoration:none}a:hover{color:var(--gold-lt)}img{max-width:100%;display:block}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-deep)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.7rem 1.5rem;border-radius:var(--rs);font-family:var(--fb);font-weight:600;font-size:.85rem;cursor:pointer;transition:var(--tr);border:none;text-transform:uppercase;letter-spacing:.08em;text-decoration:none}.btn-gold{background:var(--gold);color:var(--bg-deep)}.btn-gold:hover{background:var(--gold-lt);transform:translateY(-1px);box-shadow:0 4px 20px #d4a7454d}.btn-outline{background:transparent;color:var(--gold);border:1.5px solid var(--gold)}.btn-outline:hover{background:var(--gold-glow)}.btn-ghost{background:transparent;color:var(--text2);border:1.5px solid var(--border)}.btn-ghost:hover{border-color:var(--text2);color:var(--text)}.btn-danger{background:var(--red-bg);color:var(--red);border:1.5px solid rgba(248,113,113,.3)}.btn-danger:hover{background:#f8717133}.btn-sm{padding:.5rem 1rem;font-size:.75rem}.btn-lg{padding:.9rem 2.2rem;font-size:.95rem}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.form-group{margin-bottom:1.25rem}.form-label{display:block;font-size:.8rem;font-weight:600;color:var(--text2);margin-bottom:.4rem;text-transform:uppercase;letter-spacing:.08em}.form-input,.form-textarea,.form-select{width:100%;padding:.75rem 1rem;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--rs);color:var(--text);font-family:var(--fb);font-size:.9rem;transition:var(--tr);outline:none}.form-input:focus,.form-textarea:focus,.form-select:focus{border-color:var(--gold);box-shadow:0 0 0 3px var(--gold-glow)}.form-input::placeholder,.form-textarea::placeholder{color:var(--text3)}.form-textarea{min-height:100px;resize:vertical}.form-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.form-select option{background:var(--bg-dark)}.form-error{color:var(--red);font-size:.8rem;margin-top:.25rem}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r);padding:1.5rem;transition:var(--tr)}.card:hover{background:var(--bg-hover);border-color:var(--border-lt)}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem}.tag{display:inline-flex;align-items:center;padding:.25rem .65rem;border-radius:50px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.tag-gold{background:var(--gold-glow);color:var(--gold)}.tag-green{background:var(--green-bg);color:var(--green)}.tag-blue{background:var(--blue-bg);color:var(--blue)}.tag-purple{background:var(--purple-bg);color:var(--purple)}.tag-red{background:var(--red-bg);color:var(--red)}.tag-orange{background:var(--orange-bg);color:var(--orange)}.avatar{width:40px;height:40px;border-radius:50%;background:var(--gold-glow);color:var(--gold);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.8rem;flex-shrink:0;border:1.5px solid rgba(212,167,69,.3)}.avatar-lg{width:56px;height:56px;font-size:1rem}.avatar-xl{width:80px;height:80px;font-size:1.3rem}.table-wrap{overflow-x:auto}.table-wrap table{width:100%;border-collapse:collapse}.table-wrap th{padding:.75rem 1rem;text-align:left;font-size:.7rem;color:var(--text3);text-transform:uppercase;letter-spacing:.08em;font-weight:600;border-bottom:1px solid var(--border)}.table-wrap td{padding:.75rem 1rem;font-size:.85rem;border-bottom:1px solid var(--border)}.table-wrap tr:hover td{background:#ffffff05}.tab-nav{display:flex;gap:0;border-bottom:1px solid var(--border);margin-bottom:1.5rem;overflow-x:auto}.tab-btn{padding:.75rem 1.25rem;font-size:.85rem;font-weight:500;color:var(--text3);cursor:pointer;border:none;background:none;border-bottom:2px solid transparent;transition:var(--tr);font-family:var(--fb);white-space:nowrap}.tab-btn:hover{color:var(--text2)}.tab-btn.active{color:var(--gold);border-bottom-color:var(--gold)}.divider{height:1px;background:var(--border);margin:1.5rem 0}.fade-in{animation:fadeIn .4s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.text-gold{color:var(--gold)}.text-muted{color:var(--text3)}.text-sm{font-size:.85rem}.text-xs{font-size:.75rem}.font-display{font-family:var(--fd)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-1{gap:.5rem}.gap-2{gap:.75rem}.gap-3{gap:1rem}.gap-4{gap:1.5rem}.w-full{width:100%}.portal{display:flex;min-height:100vh}.sidebar{width:260px;background:var(--bg-dark);border-right:1px solid var(--border);display:flex;flex-direction:column;padding:1.5rem 0;flex-shrink:0;position:fixed;top:0;left:0;bottom:0;z-index:50;overflow-y:auto}.sidebar-logo{padding:0 1.5rem;margin-bottom:.5rem;font-family:var(--fd);font-size:1.3rem;font-weight:700;color:var(--gold)}.sidebar-logo span{color:var(--text)}.sidebar-badge{padding:0 1.5rem;margin-bottom:1.5rem}.sidebar-badge span{font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;padding:.25rem .6rem;border-radius:50px}.sidebar-section{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.14em;color:var(--text3);padding:.75rem 1.5rem .4rem}.sidebar-link{display:flex;align-items:center;gap:.75rem;padding:.65rem 1.5rem;color:var(--text2);font-size:.85rem;font-weight:500;cursor:pointer;transition:var(--tr);text-decoration:none;border:none;background:none;width:100%;text-align:left}.sidebar-link:hover{color:var(--text);background:var(--bg-card)}.sidebar-link.active{color:var(--gold);background:var(--gold-glow);border-right:2px solid var(--gold)}.sidebar-divider{height:1px;background:var(--border);margin:.5rem 1.5rem}.portal-content{flex:1;margin-left:260px;padding:2rem 2.5rem;min-height:100vh}.portal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.portal-header h2{font-size:1.75rem}.portal-header .sub{color:var(--text3);font-size:.85rem;margin-top:.25rem}.stat-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;margin-bottom:2rem}.stat-box{padding:1.25rem;display:flex;align-items:flex-start;gap:.75rem}.stat-icon{width:42px;height:42px;border-radius:var(--rs);display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-val{font-family:var(--fd);font-size:1.6rem;font-weight:700}.stat-lbl{font-size:.75rem;color:var(--text3)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:200;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--rl);padding:2rem;width:90%;max-width:600px;max-height:85vh;overflow-y:auto;box-shadow:var(--shadow);animation:fadeIn .2s ease-out}.spinner{width:24px;height:24px;border:2.5px solid var(--border);border-top-color:var(--gold);border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.alert{padding:.75rem 1rem;border-radius:var(--rs);font-size:.85rem;margin-bottom:1rem}.alert-error{background:var(--red-bg);color:var(--red);border:1px solid rgba(248,113,113,.2)}.alert-success{background:var(--green-bg);color:var(--green);border:1px solid rgba(74,222,128,.2)}.pub-nav{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:1rem 3rem;background:#0c0e17d9;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border)}.pub-nav .logo{font-family:var(--fd);font-size:1.5rem;font-weight:700;color:var(--gold)}.pub-nav .logo span{color:var(--text)}.pub-nav-links{display:flex;gap:2rem;align-items:center}.pub-nav-links a{color:var(--text2);font-size:.9rem;font-weight:500}.pub-nav-links a:hover{color:var(--gold)}.footer{background:var(--bg-dark);border-top:1px solid var(--border);padding:3rem;text-align:center}.footer p{color:var(--text3);font-size:.85rem}.footer .tagline{font-family:var(--fd);font-size:1.2rem;font-style:italic;color:var(--gold);margin-bottom:1rem}@media(max-width:768px){.pub-nav{padding:1rem 1.5rem}.pub-nav-links,.sidebar{display:none}.portal-content{margin-left:0;padding:1.5rem}.card-grid{grid-template-columns:1fr}.stat-row{grid-template-columns:1fr 1fr}}