@import"https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700&display=swap";.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem}.login-panel{width:100%;max-width:400px;background-color:var(--c-bg-surface);border:1px solid var(--c-border);border-radius:var(--radius-lg);padding:2.5rem}.login-header{text-align:center;margin-bottom:2rem}.login-logo{width:48px;height:48px;background:var(--c-primary);border-radius:var(--radius-md);margin:0 auto 1.5rem}.login-title{font-size:1.5rem;font-weight:600;margin-bottom:.5rem}.login-subtitle{font-size:.85rem;color:var(--c-text-muted);text-transform:uppercase;letter-spacing:.1em}.login-form{display:flex;flex-direction:column;gap:.5rem}.login-form .btn{margin-top:1rem}.sidebar{position:fixed;top:0;left:0;height:100%;width:var(--sidebar-width);background-color:var(--sidebar-bg);border-right:1px solid var(--c-border);z-index:1000;display:flex;flex-direction:column;transform:translate(-100%);transition:transform .3s var(--ease-bounce)}.sidebar.is-open{transform:translate(0)}.sidebar-header{height:80px;display:flex;align-items:center;padding:1.5rem 1.5rem 1.5rem 2.1rem;border-bottom:1px solid rgba(255,255,255,.03)}.logo-text{font-weight:700;font-size:1.1rem;letter-spacing:-.02em;display:flex;align-items:center;gap:.5rem}.logo-icon{width:20px;height:20px;background:var(--c-primary);border-radius:4px}.sidebar-nav{flex:1;padding:1.5rem 1rem;overflow-y:auto;display:flex;flex-direction:column;gap:.25rem}.nav-item{display:flex;align-items:center;gap:.75rem;padding:.6rem .75rem;color:var(--c-text-muted);text-decoration:none;border-radius:var(--radius-md);font-size:.9rem;font-weight:500;transition:all .2s;cursor:pointer;border:1px solid transparent}.nav-item:hover{background-color:#ffffff08;color:var(--c-text-main)}.nav-item.active{background-color:var(--c-bg-surface);color:var(--c-text-main);border-color:var(--c-border)}.nav-item svg{width:18px;height:18px;opacity:.8}.sidebar-footer{padding:1rem;border-top:1px solid var(--c-border);background-color:#0003}.user-profile{display:flex;align-items:center;gap:.75rem;padding:.5rem;border-radius:var(--radius-md);transition:.2s}.user-profile:hover{background-color:#ffffff08}.user-avatar{width:32px;height:32px;border-radius:50%;background:var(--c-primary);color:#fff;display:grid;place-items:center;font-size:.8rem;font-weight:600}.user-info{flex:1;overflow:hidden}.user-name{font-size:.85rem;font-weight:600;color:var(--c-text-main)}.user-role{font-size:.75rem;color:var(--c-text-muted)}.sidebar-toggle{position:fixed;top:1rem;left:1rem;z-index:2000;width:40px;height:40px;background-color:#0f111599;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--c-border);border-radius:var(--radius-md);color:var(--c-text-main);display:grid;place-items:center;cursor:pointer;transition:all .2s var(--ease-smooth);opacity:1;transform:scale(1)}.sidebar-toggle:hover{background-color:var(--c-bg-surface-hover);border-color:#3f4452}.sidebar-toggle.is-hidden{opacity:0;pointer-events:none;transform:scale(.8)}.sidebar-close-btn{display:grid;place-items:center;width:32px;height:32px;margin-left:auto;background:transparent;border:none;color:var(--c-text-muted);cursor:pointer;border-radius:var(--radius-sm);transition:all .2s}.sidebar-close-btn:hover{color:var(--c-text-main);background:#ffffff0d}.sidebar-close-btn svg{width:18px;height:18px}.sidebar-overlay{position:fixed;inset:0;background-color:#00000080;z-index:999;cursor:pointer;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.main-content{transition:margin-left .3s var(--ease-bounce);width:100%;min-height:100vh;margin-left:0}.main-content.sidebar-shifted{margin-left:var(--sidebar-width);width:calc(100% - var(--sidebar-width))}@media(max-width:768px){:root{--sidebar-width: calc(100vw - 56px) }.main-content{margin-left:0!important;width:100%!important}.main-content.sidebar-shifted{filter:brightness(.4);pointer-events:none}.sidebar-close-btn{display:grid;place-items:center}}.loader-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:var(--c-bg-main);z-index:2000;display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:.3s}.loader-overlay.active{opacity:1;visibility:visible}.loader-spinner{animation:spin 1s linear infinite;color:var(--c-primary);width:48px;height:48px}.loader-text{margin-top:1rem;color:var(--c-text-main);font-size:.9rem}@keyframes spin{to{transform:rotate(360deg)}}:root{--font-main: "Manrope", sans-serif;--c-bg-main: #0f1115;--c-bg-surface: #181b21;--c-bg-surface-hover: #22262e;--c-primary: #2563eb;--c-primary-hover: #1d4ed8;--c-primary-active: #1e40af;--c-primary-text: #ffffff;--c-success: #059669;--c-danger: #dc2626;--c-warning: #d97706;--c-text-main: #e2e8f0;--c-text-muted: #94a3b8;--c-border: #2e323b;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 12px;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .3);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .3), 0 2px 4px -2px rgb(0 0 0 / .3);--shadow-glow: 0 0 0 3px rgba(37, 99, 235, .15);--ease-smooth: cubic-bezier(.4, 0, .2, 1);--ease-bounce: cubic-bezier(.34, 1.56, .64, 1);--sidebar-width: 280px;--sidebar-bg: #0b0d10}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{background-color:var(--c-bg-main);color:var(--c-text-main);font-family:var(--font-main);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4{color:var(--c-text-main);font-weight:600;letter-spacing:-.01em}h1{font-size:2.5rem;font-weight:700}h2{font-size:1.5rem}p{color:var(--c-text-muted)}a{color:var(--c-primary);text-decoration:none}a:hover{text-decoration:underline}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1.25rem;font-family:var(--font-main);font-size:.925rem;font-weight:500;line-height:1;border-radius:var(--radius-md);border:1px solid transparent;cursor:pointer;transition:all .2s var(--ease-smooth);background:transparent;color:var(--c-text-main);text-decoration:none}.btn:active{transform:scale(.97)}.btn:focus-visible{outline:none;box-shadow:var(--shadow-glow)}.btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.btn-primary{background-color:var(--c-primary);color:var(--c-primary-text)}.btn-primary:hover{background-color:var(--c-primary-hover)}.btn-secondary{background-color:var(--c-bg-surface);border-color:var(--c-border)}.btn-secondary:hover{background-color:var(--c-bg-surface-hover);border-color:#3f4452}.btn-ghost{color:var(--c-text-muted)}.btn-ghost:hover{background-color:#ffffff0d;color:var(--c-text-main)}.btn-block{width:100%}.btn-icon{padding:0;width:36px;height:36px;border-radius:var(--radius-md);color:var(--c-text-muted);border:1px solid transparent;background:transparent}.btn-icon:hover{background-color:var(--c-bg-surface-hover);color:var(--c-text-main)}.btn-icon.active{background-color:var(--c-bg-surface);color:var(--c-primary);border-color:var(--c-border)}.form-group{margin-bottom:1rem}.form-label{display:block;font-size:.85rem;font-weight:500;margin-bottom:.4rem;color:var(--c-text-muted)}.input-field{width:100%;background-color:#0b0d10;border:1px solid var(--c-border);border-radius:var(--radius-md);padding:.6rem .9rem;font-family:var(--font-main);font-size:.95rem;color:var(--c-text-main);transition:all .2s}.input-field:focus{outline:none;border-color:var(--c-primary);box-shadow:var(--shadow-glow);background-color:#0f1115}.input-field::placeholder{color:var(--c-text-muted);opacity:.6}.error-message{padding:.75rem 1rem;background:#dc26261a;border:1px solid rgba(220,38,38,.2);border-radius:var(--radius-md);color:#fca5a5;font-size:.875rem;margin-top:1rem}.dropdown{position:relative;display:inline-block}.dropdown-trigger{display:inline-flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.5rem .75rem;background:#0b0d10;border:1px solid var(--c-border);border-radius:var(--radius-md);color:var(--c-text-main);font-family:var(--font-main);font-size:.875rem;cursor:pointer;transition:all .2s;min-width:120px}.dropdown-trigger:hover{border-color:#3f4452}.dropdown-trigger svg{width:16px;height:16px;color:var(--c-text-muted);transition:transform .2s}.dropdown.is-active .dropdown-trigger svg{transform:rotate(180deg)}.dropdown-menu{position:absolute;top:100%;left:0;margin-top:.25rem;min-width:100%;background-color:var(--c-bg-surface);border:1px solid var(--c-border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);padding:.25rem;z-index:100;max-height:250px;overflow-y:auto;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .2s var(--ease-smooth)}.dropdown.is-active .dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-item{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;color:var(--c-text-main);font-size:.875rem;border-radius:var(--radius-sm);cursor:pointer;transition:background-color .15s;white-space:nowrap}.dropdown-item:hover{background-color:var(--c-bg-surface-hover)}.dropdown-item.is-selected{background-color:#2563eb1a;color:var(--c-primary)}.dropdown-divider{height:1px;background-color:var(--c-border);margin:.25rem 0}