@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";
:root{--bg-color:#f7f9fc;--surface-color:#fff;--primary-color:#2b3a55;--primary-hover:#1e2a40;--accent-color:#d1bfae;--text-main:#2c3138;--text-muted:#828c9b;--border-color:#e4e7ec;--error-color:#e57373;--success-color:#81c784;--shadow-soft:0 10px 40px #0000000a;--shadow-hover:0 15px 50px #00000014;--glass-bg:#ffffffb3;--glass-border:#fff6;--border-radius-sm:8px;--border-radius-md:16px;--border-radius-lg:24px;--transition-fast:.2s ease;--transition-smooth:.4s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-main);-webkit-font-smoothing:antialiased;font-family:Outfit,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;outline:none;font-family:Outfit,sans-serif}input{font-family:Outfit,sans-serif}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);box-shadow:var(--shadow-soft);border-radius:var(--border-radius-md)}.card{background:var(--surface-color);border-radius:var(--border-radius-md);box-shadow:var(--shadow-soft);transition:transform var(--transition-fast), box-shadow var(--transition-fast);padding:2rem}.card:hover{box-shadow:var(--shadow-hover);transform:translateY(-2px)}h1,h2,h3,h4,h5,h6{color:var(--primary-color);margin-bottom:1rem;font-weight:600}p{color:var(--text-muted)}.btn-primary{background-color:var(--primary-color);color:#fff;border-radius:var(--border-radius-sm);transition:background-color var(--transition-fast), transform var(--transition-fast);justify-content:center;align-items:center;gap:.5rem;width:100%;padding:.75rem 1.5rem;font-weight:500;display:inline-flex}.btn-primary:hover{background-color:var(--primary-hover);transform:scale(1.02)}.btn-primary:active{transform:scale(.98)}.btn-secondary{color:var(--primary-color);border:1px solid var(--primary-color);border-radius:var(--border-radius-sm);transition:all var(--transition-fast);background-color:#0000;padding:.75rem 1.5rem;font-weight:500}.btn-secondary:hover{background-color:var(--primary-color);color:#fff}.form-group{flex-direction:column;margin-bottom:1.5rem;display:flex}.form-label{color:var(--primary-color);margin-bottom:.5rem;font-size:.9rem;font-weight:500}.form-input{border:1px solid var(--border-color);border-radius:var(--border-radius-sm);background:var(--surface-color);color:var(--text-main);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);padding:.8rem 1rem;font-size:1rem}.form-input:focus{border-color:var(--primary-color);outline:none;box-shadow:0 0 0 3px #2b3a551a}.auth-container{background:linear-gradient(135deg,#f7f9fc 0%,#eef1f6 100%);justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex}.auth-card{width:100%;max-width:420px;padding:3rem}.dashboard-layout{background-color:var(--bg-color);min-height:100vh;display:flex}.sidebar{background-color:var(--surface-color);border-right:1px solid var(--border-color);z-index:10;width:280px;height:100vh;transition:width var(--transition-smooth);flex-direction:column;padding:2rem 0;display:flex;position:fixed;overflow-x:hidden}.sidebar-closed{width:80px}.sidebar-logo{color:var(--primary-color);align-items:center;gap:.5rem;margin-bottom:3rem;padding:0 2rem;font-size:1.5rem;font-weight:700;display:flex}.sidebar-nav{flex-direction:column;flex:1;gap:.5rem;padding:0 1rem;display:flex}.nav-item{border-radius:var(--border-radius-sm);color:var(--text-muted);transition:all var(--transition-fast);align-items:center;gap:1rem;padding:1rem;font-weight:500;display:flex}.nav-item:hover,.nav-item.active{color:var(--primary-color);background-color:#2b3a550d}.sidebar-footer{border-top:1px solid var(--border-color);margin-top:auto;padding:1rem}.logout-btn{border-radius:var(--border-radius-sm);width:100%;transition:all var(--transition-fast);cursor:pointer;align-items:center;gap:1rem;padding:1rem;font-weight:500;display:flex;color:var(--error-color)!important}.logout-btn:hover{background-color:#e5737314!important}.main-content{flex-direction:column;flex:1;margin-left:280px;display:flex}.header{background-color:var(--surface-color);border-bottom:1px solid var(--border-color);z-index:5;justify-content:space-between;align-items:center;height:80px;padding:0 2rem;display:flex;position:sticky;top:0}.page-content{flex:1;padding:2rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate-fade-in{animation:fadeIn .5s var(--transition-smooth) forwards}.error-message{color:var(--error-color);border-radius:var(--border-radius-sm);background:#e573731a;margin-top:.5rem;padding:.5rem;font-size:.85rem}.success-message{color:var(--success-color);border-radius:var(--border-radius-sm);background:#81c7841a;margin-top:.5rem;padding:.5rem;font-size:.85rem}