@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";:root{--primary-bg:#0f172a;--secondary-bg:#1e293b;--accent-color:#10b981;--accent-hover:#059669;--text-primary:#f8fafc;--text-secondary:#94a3b8;--glass-bg:#1e293bb3;--glass-border:#ffffff1a;--danger:#ef4444}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--primary-bg);color:var(--text-primary);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:Outfit,sans-serif}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:16px;box-shadow:0 4px 30px #0000001a}.input-modern{border:1px solid var(--glass-border);width:100%;color:var(--text-primary);background:#0f172a99;border-radius:8px;outline:none;padding:12px 16px;font-family:Outfit,sans-serif;transition:all .3s}.input-modern:focus{border-color:var(--accent-color);box-shadow:0 0 0 2px #10b98133}.btn-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border:none;border-radius:8px;padding:12px 24px;font-family:Outfit,sans-serif;font-weight:600;transition:transform .2s,box-shadow .2s}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 15px #10b98166}.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.text-gradient{background:linear-gradient(135deg,#34d399 0%,#facc15 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.flex-center{justify-content:center;align-items:center;display:flex}.flex-between{justify-content:space-between;align-items:center;display:flex}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.skeleton{background:linear-gradient(90deg,#ffffff05 4%,#ffffff14 25%,#ffffff05 36%) 0 0/1000px 100%;border-radius:8px;animation:2s linear infinite shimmer}.layout-container{width:100%;min-height:100vh;display:flex}.sidebar{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-right:1px solid var(--glass-border);z-index:50;flex-direction:column;width:260px;padding:24px 0;transition:width .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.sidebar.collapsed{width:80px}.sidebar-header{justify-content:space-between;align-items:center;margin-bottom:32px;padding:0 24px;display:flex}.sidebar-logo{color:var(--text-primary);white-space:nowrap;font-size:24px;font-weight:700;overflow:hidden}.nav-menu{flex-direction:column;gap:8px;padding:0 16px;display:flex}.nav-item{color:var(--text-secondary);white-space:nowrap;border-radius:12px;align-items:center;padding:12px 16px;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.nav-item:hover{color:var(--text-primary);background:#ffffff0d}.nav-item.active{color:var(--accent-color);background:#10b98126;border:1px solid #10b98133}.nav-icon{min-width:24px;margin-right:16px}.collapsed .nav-icon{margin-right:0}.collapsed .nav-text{display:none}.main-content{flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.header{border-bottom:1px solid var(--glass-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:40;background:#0f172acc;justify-content:space-between;align-items:center;height:80px;padding:0 32px;display:flex}.profile-btn{border:1px solid var(--glass-border);color:#fff;cursor:pointer;background:#ffffff0d;border-radius:30px;align-items:center;gap:12px;padding:8px 16px;font-family:inherit;font-weight:500;transition:all .3s;display:flex}.profile-btn:hover{border-color:var(--accent-color);background:#ffffff1a}.profile-avatar{color:#0f172a;background:linear-gradient(135deg,#10b981 0%,#34d399 100%);border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-weight:700;display:flex}.page-content{flex:1;padding:32px;overflow-y:auto}.menu-toggle{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;display:none}@media (width<=768px){.sidebar{height:100vh;position:fixed;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.menu-toggle{display:block}}