:root{--purple: #6b4fa0;--purple-dark: #4e3a75;--purple-light: #f0ebfa;--gold: #c8922a;--gold-light: #fdf3e1;--white: #ffffff;--gray-50: #f9f9fb;--gray-100: #f2f2f5;--gray-200: #e5e5ea;--gray-400: #a0a0ab;--gray-600: #6b6b78;--gray-900: #1a1a2e;--success: #1a8a4a;--success-bg: #eafaf1;--error: #c0392b;--error-bg: #fdecea;--warning: #b7780a;--warning-bg: #fef9ec;--radius: 10px;--radius-sm: 6px;--shadow: 0 2px 12px rgba(107, 79, 160, .08);--shadow-lg: 0 8px 32px rgba(107, 79, 160, .15);--transition: .18s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Lato,sans-serif;color:var(--gray-900);background:var(--gray-50);line-height:1.6;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5{font-family:Cinzel,serif;font-weight:600;line-height:1.25}a{color:var(--purple);text-decoration:none}a:hover{text-decoration:underline}button{cursor:pointer;font-family:Lato,sans-serif;border:none;outline:none}input,textarea,select{font-family:Lato,sans-serif;font-size:14px}img{max-width:100%;display:block}.btn{display:inline-flex;align-items:center;gap:6px;padding:9px 18px;border-radius:var(--radius-sm);font-size:14px;font-weight:700;letter-spacing:.3px;transition:all var(--transition);white-space:nowrap}.btn-primary{background:linear-gradient(135deg,var(--purple),var(--purple-dark));color:#fff;box-shadow:0 2px 8px #6b4fa04d}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 16px #6b4fa066}.btn-primary:active{transform:translateY(0)}.btn-gold{background:linear-gradient(135deg,var(--gold),#a0721e);color:#fff;box-shadow:0 2px 8px #c8922a4d}.btn-gold:hover{transform:translateY(-1px);box-shadow:0 4px 14px #c8922a66}.btn-outline{background:transparent;border:1.5px solid var(--gray-200);color:var(--gray-600)}.btn-outline:hover{border-color:var(--purple);color:var(--purple);background:var(--purple-light)}.btn-danger{background:var(--error-bg);color:var(--error);border:1px solid #f5c6c2}.btn-danger:hover{background:#fad6d3}.btn-sm{padding:6px 12px;font-size:13px}.btn-icon{padding:8px;border-radius:var(--radius-sm)}.card{background:var(--white);border-radius:var(--radius);box-shadow:var(--shadow);padding:24px}.form-group{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.form-label{font-size:13px;font-weight:700;color:var(--gray-600);text-transform:uppercase;letter-spacing:.5px}.form-input{width:100%;padding:10px 14px;border:1.5px solid var(--gray-200);border-radius:var(--radius-sm);font-size:14px;color:var(--gray-900);background:var(--white);transition:border-color var(--transition),box-shadow var(--transition)}.form-input:focus{outline:none;border-color:var(--purple);box-shadow:0 0 0 3px #6b4fa01f}textarea.form-input{resize:vertical;min-height:100px}.form-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%236b6b78' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px}.toast{position:fixed;bottom:28px;right:28px;padding:14px 20px;border-radius:var(--radius);font-size:14px;font-weight:600;box-shadow:var(--shadow-lg);z-index:9999;animation:slideUp .25s ease;max-width:340px}.toast-success{background:var(--success-bg);color:var(--success);border:1px solid #b6e9cd}.toast-error{background:var(--error-bg);color:var(--error);border:1px solid #f5c6c2}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#1a1a2e8c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:fadeIn .15s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal{background:var(--white);border-radius:var(--radius);box-shadow:var(--shadow-lg);width:100%;max-width:560px;max-height:90vh;overflow-y:auto;animation:scaleIn .18s ease}@keyframes scaleIn{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 16px;border-bottom:1px solid var(--gray-100)}.modal-header h3{font-size:18px;color:var(--purple-dark)}.modal-body{padding:20px 24px}.modal-footer{display:flex;gap:10px;justify-content:flex-end;padding:16px 24px;border-top:1px solid var(--gray-100)}.badge{display:inline-block;padding:3px 10px;border-radius:20px;font-size:11px;font-weight:700;letter-spacing:.4px}.badge-active{background:var(--success-bg);color:var(--success)}.badge-inactive{background:var(--gray-100);color:var(--gray-400)}.badge-admin{background:var(--purple-light);color:var(--purple)}.badge-editor{background:var(--gold-light);color:var(--gold)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;text-align:center;color:var(--gray-400);gap:12px}.empty-state svg{opacity:.4}.empty-state p{font-size:14px}.site-nav{display:flex;align-items:center;justify-content:space-between;padding:14px 32px;background:var(--white);box-shadow:0 1px 8px #00000012;position:sticky;top:0;z-index:100}.site-nav-logo{display:flex;align-items:center}.site-nav-logo-pill{background:linear-gradient(135deg,var(--purple),var(--purple-dark));color:#fff;padding:8px 18px;border-radius:25px;font-family:Cinzel,serif;font-size:11px;font-weight:700;letter-spacing:1px;line-height:1.4;text-align:center}.site-nav-links{display:flex;align-items:center;gap:6px}.site-nav-link{padding:8px 16px;border-radius:20px;font-size:14px;font-weight:600;color:var(--gray-600);transition:all var(--transition);background:none;border:none;cursor:pointer}.site-nav-link:hover{background:var(--gray-100);color:var(--purple)}.site-nav-link.active{background:var(--purple-light);color:var(--purple)}.site-nav-link.admin-link{background:var(--purple);color:#fff!important}.site-nav-link.admin-link:hover{background:var(--purple-dark)}.site-footer{background:var(--gray-900);color:#ffffffb3;text-align:center;padding:24px;font-size:13px;margin-top:auto}.site-footer a{color:#ffffffe6}.page-wrapper{min-height:100vh;display:flex;flex-direction:column}.page-content{flex:1;padding:40px 24px;max-width:960px;margin:0 auto;width:100%}