:root{--background-color:#020202;--header-bg:#060606;--sidebar-bg:#060606;--text-color:#f8f8f8;--text-secondary:#9e9e9e;--accent-color:#5471f5;--accent-hover:#4361d8;--border-color:#161616;--danger-color:#ef4444;--danger-hover:#ff6b6b;--shadow:0 1px 3px 0 #0000001a;--header-height:64px;--sidebar-width:240px;--sidebar-collapsed-width:0px;--transition-speed:.3s;--border-radius:8px;--z-header:1000;--z-sidebar:999;--z-overlay:998}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--background-color);color:var(--text-color);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Geist,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}#root{width:100%;min-height:100vh}:root[data-theme=halloween]{--background-color:orange}.hamburger-button{cursor:pointer;background:0 0;border:none;flex-direction:column;gap:.375rem;padding:.5rem;display:none}.hamburger-line{background-color:var(--text-color);width:1.5rem;height:2px;transition:all var(--transition-speed)}@media (width<=768px){.hamburger-button{display:flex}}.user-avatar{cursor:pointer;align-items:center;gap:.75rem;display:flex}.avatar-image,.avatar-placeholder{border-radius:50%;width:2.5rem;height:2.5rem}.avatar-image{object-fit:cover}.avatar-placeholder{background-color:var(--accent-color);justify-content:center;align-items:center;font-size:1.125rem;font-weight:600;display:flex}.username{color:var(--text-color);font-weight:500}@media (width<=768px){.username{display:none}}.dropdown{position:relative}.dropdown-trigger{cursor:pointer;border-radius:var(--border-radius);transition:all var(--transition-speed);border:1px solid #0000;align-items:center;gap:.75rem;padding:.5rem .75rem;display:flex}.dropdown-trigger:hover{border:1px solid var(--border-color);background-color:#5471f50d}.dropdown-menu{background-color:var(--sidebar-bg);border:1px solid var(--border-color);border-radius:var(--border-radius);z-index:1001;min-width:180px;padding:.5rem 0;position:absolute;top:calc(100% + .5rem);right:0;box-shadow:0 10px 15px -3px #0000004d,0 4px 6px -4px #0000004d}.dropdown-item{text-align:left;cursor:pointer;width:100%;transition:all var(--transition-speed);background:0 0;border:none;align-items:center;gap:.75rem;padding:.75rem 1rem;font-family:inherit;font-size:.875rem;font-weight:500;display:flex}.dropdown-item-icon{flex-shrink:0;justify-content:center;align-items:center;width:1.25rem;height:1.25rem;display:flex}.dropdown-item-icon svg{width:100%;height:100%}.dropdown-item-default{color:var(--text-secondary)}.dropdown-item-default:hover{color:var(--text-color);background-color:#5471f51a}.dropdown-item-danger,.dropdown-item-danger .dropdown-item-icon{color:var(--danger-color)}.dropdown-item-danger:hover{color:var(--danger-hover);background-color:#ef44441a}.button{border-radius:var(--border-radius);cursor:pointer;transition:all var(--transition-speed);border:none;justify-content:center;align-items:center;padding:.625rem 1.25rem;font-family:inherit;font-size:1rem;font-weight:500;text-decoration:none;display:inline-flex}.button:disabled{opacity:.5;cursor:not-allowed}.button-primary{background-color:var(--accent-color);color:var(--text-color)}.button-primary:hover:not(:disabled){background-color:var(--accent-hover)}.header{height:var(--header-height);background-color:var(--header-bg);border-bottom:1px solid var(--border-color);z-index:var(--z-header);box-shadow:var(--shadow);justify-content:space-between;align-items:center;padding:0 1.5rem;display:flex;position:fixed;top:0;left:0;right:0}.header-left,.header-right{align-items:center;gap:1rem;display:flex}@media (width<=768px){.logo-link{display:none}}.logo-link{align-items:center;text-decoration:none;display:flex}.logo-image{object-fit:contain;width:auto;height:2.5rem}.sidebar{width:var(--sidebar-width);background-color:var(--sidebar-bg);border-right:1px solid var(--border-color);flex-shrink:0;overflow-y:auto}.sidebar::-webkit-scrollbar{width:6px}.sidebar::-webkit-scrollbar-track{background:0 0}.sidebar::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.sidebar::-webkit-scrollbar-thumb:hover{background:var(--border-color)}.sidebar-nav{flex-direction:column;gap:.5rem;padding:1.5rem .75rem;display:flex}.sidebar-link{color:var(--text-color);transition:all var(--transition-speed);border-radius:12px;align-items:center;gap:.75rem;padding:.75rem 1rem;font-family:Geist,sans-serif;font-size:.875rem;font-weight:500;text-decoration:none;display:flex}.sidebar-icon{width:1.25rem;height:1.25rem;color:var(--text-color);flex-shrink:0;justify-content:center;align-items:center;display:flex}.sidebar-icon svg{width:1.25rem;height:1.25rem}.sidebar-link:hover{background-color:var(--header-bg)}.sidebar-link.active{background-color:var(--accent-color);color:var(--text-color)}.sidebar-overlay{display:none}@media (width<=768px){.sidebar{top:var(--header-height);height:calc(100vh - var(--header-height));z-index:var(--z-sidebar);transition:transform var(--transition-speed);position:fixed;left:0;transform:translate(-100%)}.sidebar-open{transform:translate(0)}.sidebar-overlay{top:var(--header-height);z-index:var(--z-overlay);background-color:#00000080;display:block;position:fixed;bottom:0;left:0;right:0}}.layout-container{min-height:calc(100vh - var(--header-height));margin-top:var(--header-height);display:flex}.main-content{flex:1;padding:2rem}@media (width<=768px){.layout-container{display:block}}.footer-bottom{border-top:1px solid var(--border-color);text-align:center;max-width:1200px;margin:0 auto;padding-top:1.5rem}.footer-bottom p{color:var(--text-secondary);margin:0;font-size:.875rem}