@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&display=swap";:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}:root{--bg-color-main: #F8FAFC;--bg-color-card: #FFFFFF;--bg-color-card-hover: #FFFFFF;--text-dark: #0F172A;--text-grey: #64748B;--text-light: #FFFFFF;--accent-color: #3B82F6;--accent-hover: #2563EB;--accent-dim: #EFF6FF;--accent-glow: rgba(59, 130, 246, .2);--danger-color: #E11D48;--danger-glow: rgba(225, 29, 72, .3);--border-grey: #E2E8F0;--border-active: #CBD5E1;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1)}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;width:100%;font-family:DM Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:var(--bg-color-main);color:var(--text-dark);-webkit-font-smoothing:antialiased}#root{width:100%;max-width:100%;margin:0;padding:0;position:relative;z-index:1}.hub-container{min-height:100vh;display:flex;flex-direction:column;width:100%}.login-main{align-items:center;justify-content:center;display:flex;padding:24px;min-height:100vh;width:100%;background:linear-gradient(135deg,#f0f9ff,#e0f2fe,#f8fafc)}.login-card{width:100%;max-width:440px;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border-grey);padding:48px 40px;border-radius:20px;box-shadow:var(--shadow-xl)}.login-header{text-align:center;margin-bottom:36px}.login-logo.hero{margin:0 auto;width:64px;height:64px;font-size:24px;border-radius:16px;display:flex;align-items:center;justify-content:center;background:var(--accent-color);color:var(--text-light);font-weight:700;box-shadow:var(--shadow-md)}.login-header h1{margin:16px 0 8px;font-size:1.75rem;font-weight:700;color:var(--text-dark)}.login-header p{margin:0;color:var(--text-grey);font-size:15px}.login-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-size:14px;font-weight:600;color:var(--text-dark)}.form-group input{width:100%;padding:14px 16px;border:1px solid var(--border-grey);background:#f8fafc;color:var(--text-dark);font-size:15px;border-radius:8px;transition:all .2s;outline:none}.form-group input:focus{background:#fff;border-color:var(--accent-color);box-shadow:0 0 0 4px var(--accent-dim)}.form-button{background:var(--accent-color);color:#fff;border:none;padding:16px 24px;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s;margin-top:8px;width:100%}.form-button:hover{background:var(--accent-hover);box-shadow:0 4px 12px var(--accent-glow);transform:translateY(-1px)}.hub-header{width:100%;padding:24px 48px;background:#fff;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border-grey);position:relative;box-shadow:var(--shadow-sm)}.hub-header:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--accent-color) 0%,#60A5FA 100%)}.hub-header-brand{display:flex;align-items:center;gap:20px}.login-logo{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:var(--accent-color);color:var(--text-light);font-weight:700;font-size:18px;border-radius:12px;box-shadow:var(--shadow-sm)}.hub-header-divider{width:1px;height:36px;background:var(--border-grey)}.hub-header-text{display:flex;flex-direction:column}.hub-header-text h1{margin:0;font-weight:700;font-size:1.25rem;color:var(--text-dark);line-height:1.2}.hub-header-text p{color:var(--text-grey);margin:4px 0 0;font-size:13px;font-weight:500}.hub-header-actions{display:flex;align-items:center;gap:32px}.hub-header-badge{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-dark);font-weight:600;padding:6px 14px;background:#f1f5f9;border-radius:20px;border:1px solid var(--border-grey)}.hub-header-badge:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--danger-color);box-shadow:0 0 8px var(--danger-glow);animation:pulse-dot 2s infinite}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.1)}}.user-profile{display:flex;align-items:center;gap:12px;padding-left:32px;border-left:1px solid var(--border-grey)}.user-avatar{width:40px;height:40px;border-radius:50%;background:var(--accent-dim);color:var(--accent-color);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:15px;border:1px solid #BFDBFE}.user-info{display:flex;flex-direction:column}.user-name{font-size:14px;font-weight:600;color:var(--text-dark)}.user-logout{background:none;border:none;padding:0;margin:2px 0 0;font-size:13px;color:var(--text-grey);cursor:pointer;text-align:left;font-weight:500;transition:color .2s;font-family:inherit}.user-logout:hover{color:var(--danger-color)}.hub-main{flex-grow:1;width:100%;display:flex;justify-content:center;align-items:flex-start;padding:48px}.hub-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:28px;width:100%;max-width:1400px}.hub-card{background:var(--bg-color-card);border-radius:16px;padding:32px;display:flex;flex-direction:column;border:1px solid var(--border-grey);box-shadow:var(--shadow-sm);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;cursor:pointer}.hub-card:hover{border-color:var(--border-active);transform:translateY(-4px);box-shadow:var(--shadow-xl)}.card-header{display:flex;gap:16px;align-items:center;margin-bottom:20px}.card-icon-modern{color:var(--accent-color);background:var(--accent-dim);width:56px;height:56px;display:flex;align-items:center;justify-content:center;border-radius:12px;flex-shrink:0}.card-icon-modern svg{width:28px;height:28px;stroke-width:2px}.card-icon-modern.icon-blue{color:#3b82f6;background:#eff6ff}.card-icon-modern.icon-green{color:#10b981;background:#ecfdf5}.card-icon-modern.icon-teal{color:#0891b2;background:#ecfeff}.card-icon-modern.icon-amber{color:#f59e0b;background:#fffbeb}.card-icon-modern.icon-default{color:var(--accent-color);background:var(--accent-dim)}.card-titles{display:flex;flex-direction:column;justify-content:center;gap:4px}.hub-card h2{margin:0;font-size:1.25rem;font-weight:700;color:var(--text-dark);line-height:1.2}.app-subtitle{font-size:12px;color:var(--text-grey);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.app-description{color:var(--text-grey);font-size:15px;line-height:1.6;margin:0 0 28px;flex-grow:1}.card-button{background:var(--bg-color-card);color:var(--text-dark);border:1px solid var(--border-grey);padding:14px 24px;border-radius:8px;font-family:inherit;font-weight:600;cursor:pointer;font-size:14px;transition:all .2s;width:100%;margin-top:auto;display:flex;align-items:center;justify-content:space-between}.card-button span{transition:transform .2s}.hub-card:hover .card-button{background:var(--accent-color);border-color:var(--accent-color);color:#fff}.hub-card:hover .card-button span{transform:translate(4px)}.hub-footer{text-align:center;padding:24px;color:var(--text-grey);font-size:13px;border-top:1px solid var(--border-grey);background:#fff}.hub-footer strong{color:var(--text-dark);font-weight:600}@media(max-width:1024px){.hub-header-actions{gap:16px}.user-profile{padding-left:16px}}@media(max-width:768px){.hub-header{padding:20px 24px;flex-wrap:wrap;gap:20px}.hub-header-actions{width:100%;justify-content:space-between;padding-top:20px;border-top:1px solid var(--border-grey)}.user-profile{border-left:none;padding-left:0}.hub-main{padding:32px 24px}.hub-grid{grid-template-columns:1fr}.login-card{padding:36px 24px;border-radius:16px}}