@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}.mobile-header{display:none;position:fixed;top:0;left:0;right:0;height:64px;background:#ffffffd9;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);z-index:40;align-items:center;justify-content:space-between;padding:0 20px;border-bottom:1px solid var(--glass-border);box-shadow:0 4px 16px #0000000d}.sidebar-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:45;opacity:0;transition:opacity .3s ease;pointer-events:none}@media (max-width: 1024px){.main-content{padding:24px}}@media (max-width: 768px){.app-container{flex-direction:column}.mobile-header{display:flex}.sidebar{transform:translate(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1);background:#fffffff2;box-shadow:4px 0 24px #0000001a;z-index:50}.sidebar.open{transform:translate(0)}.sidebar-logo-container{display:none!important}.sidebar-overlay.open{display:block;opacity:1;pointer-events:auto}.main-content{margin-left:0;padding:88px 16px 16px;gap:16px}.top-header{flex-direction:column;align-items:flex-start;gap:16px}.top-header h1{font-size:24px}.glass-panel{padding:24px 16px!important}div[style*=gridTemplateColumns]{grid-template-columns:1fr!important}div[style*="display: flex"][style*="justifyContent: space-between"]{flex-wrap:wrap;gap:16px}.glass-input,.glass-button,.glass-button-secondary,select{min-height:48px;font-size:16px}table{display:block;overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch}}.table-responsive-wrapper{overflow-x:auto;margin:-16px;padding:16px;-webkit-overflow-scrolling:touch}