:root{--bg-page: #0F2035;--bg-dark: #061022;--bg-card: #0D1B3E;--accent: #CCFF00;--white: #FFFFFF;--gray: #9BA3B8;--input-bg: #F0E8F0;--input-text: #0D1B2A;--border: rgba(255,255,255,.12);--shadow: 0 6px 32px rgba(0,0,0,.35);--radius: 12px;--radius-sm: 8px;--font: "Inter", system-ui, sans-serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;font-family:var(--font);background-color:var(--bg-page);color:var(--white);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:var(--font)}input,select{font-family:var(--font)}.text-accent{color:var(--accent)}.text-gray{color:var(--gray)}.text-sm{font-size:.875rem}.text-xs{font-size:.75rem}.font-bold{font-weight:700}.font-semibold{font-weight:600}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.gap-2{gap:.5rem}.gap-4{gap:1rem}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.w-full{width:100%}.text-center{text-align:center}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1.5rem;border-radius:var(--radius-sm);font-size:.9rem;font-weight:600;border:none;transition:opacity .15s,transform .1s}.btn:hover{opacity:.88}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-primary{background:var(--accent);color:var(--bg-dark)}.btn-outline{background:transparent;color:var(--white);border:1.5px solid var(--white)}.btn-ghost{background:var(--bg-dark);color:var(--accent);border:1.5px solid var(--accent)}.btn-sm{padding:.4rem 1rem;font-size:.8rem}.input{width:100%;padding:.75rem 1rem;border-radius:var(--radius-sm);background:var(--input-bg);color:var(--input-text);border:1.5px solid transparent;font-size:.9rem;outline:none;transition:border-color .15s}.input:focus{border-color:var(--accent)}.input::placeholder{color:#8a8a8a}.input-label{display:block;font-size:.8rem;font-weight:600;color:var(--gray);margin-bottom:.35rem;text-transform:uppercase;letter-spacing:.04em}.form-group{display:flex;flex-direction:column;margin-bottom:1rem}.card{background:var(--bg-card);border-radius:var(--radius);border:1px solid var(--border);padding:1.5rem;box-shadow:var(--shadow)}.select{width:100%;padding:.75rem 1rem;border-radius:var(--radius-sm);background:var(--input-bg);color:var(--input-text);border:1.5px solid transparent;font-size:.9rem;outline:none;-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='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23333' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;cursor:pointer}.select:focus{border-color:var(--accent)}.app-layout{display:flex;min-height:100vh}.app-layout--no-sidebar .app-main{margin-left:0}.app-main{flex:1;margin-left:220px;min-width:0}.sidebar{width:220px;background:var(--bg-dark);border-right:1px solid var(--border);display:flex;flex-direction:column;position:fixed;top:0;left:0;height:100vh;z-index:200;padding:1.5rem 0 1rem;transition:transform .25s ease}.sidebar__logo{padding:0 1.25rem 1.25rem;cursor:pointer;border-bottom:1px solid var(--border)}.sidebar__logo img{height:32px}.sidebar__token-badge{margin:1rem 1.25rem .25rem;background:transparent;border:1.5px solid var(--accent);color:var(--accent);border-radius:999px;padding:.25rem .75rem;font-size:.75rem;font-weight:700;text-align:center}.sidebar__nav{flex:1;display:flex;flex-direction:column;gap:.25rem;padding:1rem .75rem 0;overflow-y:auto}.sidebar__item{display:flex;align-items:center;gap:.75rem;width:100%;padding:.65rem .875rem;border-radius:var(--radius-sm);border:none;background:transparent;color:var(--gray);font-size:.875rem;font-weight:500;text-align:left;transition:background .15s,color .15s}.sidebar__item:hover{background:#ffffff0f;color:var(--white)}.sidebar__item--active{background:#ccff001a;color:var(--accent)}.sidebar__item--admin{color:var(--accent)}.sidebar__icon{font-size:1rem;width:1.25rem;text-align:center}.sidebar__footer{padding:.75rem;border-top:1px solid var(--border)}.sidebar__item--logout{color:var(--gray)}.sidebar__item--logout:hover{color:#ff6b6b;background:#ff6b6b14}.sidebar-hamburger{display:none;position:fixed;top:1rem;left:1rem;z-index:300;background:var(--bg-dark);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.5rem;flex-direction:column;gap:5px;cursor:pointer}.sidebar-hamburger span{display:block;width:20px;height:2px;background:var(--white);border-radius:2px}.sidebar-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:199}@media (max-width: 768px){.sidebar{transform:translate(-100%)}.sidebar--open{transform:translate(0)}.sidebar-hamburger{display:flex}.sidebar-overlay{display:block}.app-main{margin-left:0;padding-top:3.5rem}}.page{min-height:100vh;display:flex;flex-direction:column}.page-center{flex:1;display:flex;align-items:center;justify-content:center;padding:2rem 1rem}.page-content{flex:1;padding:2rem;max-width:1100px;margin:0 auto;width:100%}.alert{padding:.75rem 1rem;border-radius:var(--radius-sm);font-size:.875rem;margin-bottom:1rem}.alert-error{background:#ff3c3c26;border:1px solid rgba(255,60,60,.4);color:#ff8080}.alert-success{background:#ccff001a;border:1px solid rgba(204,255,0,.4);color:var(--accent)}.divider{height:1px;background:var(--border);margin:1.5rem 0}@keyframes spin{to{transform:rotate(360deg)}}.spinner{width:20px;height:20px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite;display:inline-block}