@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{--primary: #4f46e5;--primary-hover: #4338ca;--secondary: #10b981;--bg-color: #f3f4f6;--text-main: #1f2937;--text-muted: #6b7280;--glass-bg: rgba(255, 255, 255, .75);--glass-border: rgba(255, 255, 255, .5);--glass-shadow: 0 8px 32px 0 rgba(31, 38, 135, .05);--sidebar-width: 280px}*{margin:0;padding:0;box-sizing:border-box;font-family:Inter,sans-serif}body{background-color:var(--bg-color);background-image:radial-gradient(at 0% 0%,rgba(79,70,229,.15) 0px,transparent 50%),radial-gradient(at 100% 0%,rgba(16,185,129,.15) 0px,transparent 50%),radial-gradient(at 100% 100%,rgba(79,70,229,.1) 0px,transparent 50%);background-attachment:fixed;color:var(--text-main);min-height:100vh;overflow-x:hidden}a{text-decoration:none;color:inherit}button{cursor:pointer;border:none;background:none;font-family:inherit;transition:all .2s ease-in-out}input,select,textarea{font-family:inherit;outline:none}.glass-panel{background:var(--glass-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);border-radius:16px}.glass-input{background:#fff9;border:1px solid var(--glass-border);padding:14px 18px;border-radius:12px;width:100%;transition:all .3s ease;font-size:15px;color:var(--text-main)}.glass-input:focus{background:#fffffff2;border-color:var(--primary);box-shadow:0 0 0 4px #4f46e51a}.glass-button{background:var(--primary);color:#fff;padding:14px 24px;border-radius:12px;font-weight:600;font-size:15px;box-shadow:0 4px 6px -1px #4f46e533;display:flex;align-items:center;justify-content:center;gap:8px}.glass-button:hover{background:var(--primary-hover);transform:translateY(-2px);box-shadow:0 6px 12px -1px #4f46e54d}.glass-button-secondary{background:#ffffffb3;color:var(--text-main);border:1px solid var(--glass-border);padding:14px 24px;border-radius:12px;font-weight:500;font-size:15px}.glass-button-secondary:hover{background:#ffffffe6;transform:translateY(-2px)}.app-container{display:flex;min-height:100vh}.sidebar{width:var(--sidebar-width);height:100vh;position:fixed;padding:32px 24px;display:flex;flex-direction:column;z-index:50;border-right:1px solid var(--glass-border);background:#fff6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.main-content{flex:1;margin-left:var(--sidebar-width);padding:40px;min-height:100vh;display:flex;flex-direction:column;gap:24px}.top-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.top-header h1{font-size:28px;font-weight:700;color:var(--text-main);letter-spacing:-.5px}.user-profile{display:flex;align-items:center;gap:12px}.user-profile .avatar{width:44px;height:44px;border-radius:50%;background:var(--primary);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:18px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin-icon{animation:spin 1s linear infinite}