.home-page{background:linear-gradient(180deg, var(--color-background) 0%, var(--color-surface-secondary) 100%);min-height:100vh}.home-header{background-color:var(--color-surface);border-bottom:1px solid var(--color-border);z-index:100;padding:20px 0;position:sticky;top:0}.home-header .container{justify-content:space-between;align-items:center;display:flex}.home-logo{align-items:center;gap:12px;display:flex}.home-logo img{object-fit:contain;border-radius:var(--radius-sm);width:48px;height:48px}.home-logo-text{color:var(--color-primary);font-size:20px;font-weight:700}.home-logo-text span{color:var(--color-text)}.home-nav{align-items:center;gap:16px;display:flex}.home-nav-link{color:var(--color-text-secondary);font-size:14px;font-weight:500;transition:color .2s}.home-nav-link:hover{color:var(--color-primary);text-decoration:none}.home-hero{text-align:center;padding:60px 0 40px}.home-hero-title{color:var(--color-text);margin-bottom:16px;font-size:48px;font-weight:800;line-height:1.1}.home-hero-title span{color:var(--color-primary)}.home-hero-subtitle{color:var(--color-text-secondary);max-width:600px;margin:0 auto 32px;font-size:18px;line-height:1.6}.home-hero-buttons{justify-content:center;align-items:center;gap:16px;display:flex}.home-products{padding:40px 0 80px}.home-products-title{text-align:center;color:var(--color-text);margin-bottom:40px;font-size:24px;font-weight:700}.home-products-grid{grid-template-columns:repeat(1,1fr);gap:24px;max-width:1000px;margin:0 auto;display:grid}@media (width>=768px){.home-products-grid{grid-template-columns:repeat(3,1fr)}}.product-card{background-color:var(--color-surface);border-radius:var(--radius-lg);text-align:center;border:1px solid var(--color-border);cursor:pointer;padding:32px 24px;transition:all .3s}.product-card:hover{box-shadow:var(--shadow-lg);border-color:var(--color-primary);transform:translateY(-4px)}.product-card-icon{border-radius:var(--radius-md);justify-content:center;align-items:center;width:72px;height:72px;margin:0 auto 20px;font-size:32px;display:flex}.product-card-title{color:var(--color-text);margin-bottom:12px;font-size:22px;font-weight:700}.product-card-description{color:var(--color-text-secondary);font-size:14px;line-height:1.6}.home-footer{background-color:var(--color-surface);border-top:1px solid var(--color-border);text-align:center;padding:40px 0}.home-footer-text{color:var(--color-text-tertiary);font-size:14px}.auth-page{background:linear-gradient(180deg, var(--color-background) 0%, var(--color-surface-secondary) 100%);justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.auth-card{background-color:var(--color-surface);border-radius:var(--radius-xl);width:100%;max-width:420px;box-shadow:var(--shadow-lg);padding:40px 36px}.auth-logo{flex-direction:column;align-items:center;margin-bottom:32px;display:flex}.auth-logo img{object-fit:contain;width:80px;height:80px;margin-bottom:12px}.auth-logo-text{font-size:24px;font-weight:800}.auth-logo-text .ego{color:var(--color-primary)}.auth-logo-text .tech{color:var(--color-text)}.auth-title{text-align:center;color:var(--color-text);margin-bottom:8px;font-size:22px;font-weight:700}.auth-subtitle{color:var(--color-text-secondary);text-align:center;margin-bottom:32px;font-size:14px}.auth-form{flex-direction:column;gap:18px;display:flex}.auth-field{flex-direction:column;gap:8px;display:flex}.auth-field label{color:var(--color-text);font-size:14px;font-weight:600}.auth-field input{border:2px solid var(--color-border);border-radius:var(--radius-md);width:100%;color:var(--color-text);background-color:var(--color-surface);padding:14px 16px;font-size:15px;transition:all .2s}.auth-field input:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 4px #0573f01a}.auth-field input::placeholder{color:var(--color-text-tertiary)}.auth-error{border:1px solid var(--color-error);border-radius:var(--radius-sm);color:var(--color-error);text-align:center;background-color:#ef44441a;padding:12px;font-size:14px}.auth-btn{margin-top:8px}.auth-btn .btn{width:100%}.auth-footer{text-align:center;color:var(--color-text-secondary);margin-top:24px;font-size:14px}.auth-footer a{color:var(--color-primary);font-weight:600}.auth-footer a:hover{text-decoration:underline}.auth-back{color:var(--color-text-secondary);justify-content:center;align-items:center;margin-top:16px;font-size:14px;display:flex}.auth-back a{color:var(--color-primary);font-weight:500}.dashboard-layout{min-height:100vh;display:flex}.dashboard-sidebar{background-color:var(--color-surface);border-right:1px solid var(--color-border);width:260px;height:100vh;padding:24px 16px;position:fixed;top:0;left:0;overflow-y:auto}.dashboard-sidebar-logo{align-items:center;gap:12px;margin-bottom:32px;padding:0 8px;display:flex}.dashboard-sidebar-logo img{object-fit:contain;width:40px;height:40px}.dashboard-sidebar-logo span{font-size:18px;font-weight:700}.dashboard-sidebar-logo .ego{color:var(--color-primary)}.dashboard-sidebar-logo .tech{color:var(--color-text)}.dashboard-nav{flex-direction:column;gap:4px;display:flex}.dashboard-nav-item{border-radius:var(--radius-md);color:var(--color-text-secondary);align-items:center;gap:12px;padding:12px 16px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.dashboard-nav-item:hover{background-color:var(--color-surface-secondary);color:var(--color-text);text-decoration:none}.dashboard-nav-item.active{background-color:var(--color-primary-light);color:var(--color-primary)}.dashboard-nav-icon{font-size:18px}.dashboard-main{flex:1;min-height:100vh;margin-left:260px}.dashboard-header{background-color:var(--color-surface);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;padding:16px 32px;display:flex}.dashboard-header-title{color:var(--color-text);font-size:20px;font-weight:700}.dashboard-header-user{align-items:center;gap:12px;display:flex}.dashboard-header-avatar{background-color:var(--color-primary);width:40px;height:40px;color:var(--color-white);border-radius:50%;justify-content:center;align-items:center;font-weight:600;display:flex}.dashboard-header-name{color:var(--color-text);font-weight:500}.dashboard-content{padding:32px}.dashboard-home-title{color:var(--color-text);margin-bottom:8px;font-size:28px;font-weight:700}.dashboard-home-subtitle{color:var(--color-text-secondary);margin-bottom:32px;font-size:16px}.dashboard-placeholder{background-color:var(--color-surface);border:2px dashed var(--color-border);border-radius:var(--radius-lg);text-align:center;padding:60px 40px}.dashboard-placeholder-icon{margin-bottom:16px;font-size:48px}.dashboard-placeholder-title{color:var(--color-text);margin-bottom:8px;font-size:18px;font-weight:600}.dashboard-placeholder-text{color:var(--color-text-secondary);font-size:14px}:root{--color-primary:#0573f0;--color-primary-dark:#06c;--color-primary-light:#e0f0ff;--color-background:#f8fafc;--color-surface:#fff;--color-surface-secondary:#f1f5f9;--color-text:#1e293b;--color-text-secondary:#64748b;--color-text-tertiary:#94a3b8;--color-border:#e2e8f0;--color-success:#10b981;--color-warning:#f59e0b;--color-error:#ef4444;--color-white:#fff;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 6px -1px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{background-color:var(--color-background);color:var(--color-text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.5}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}button{cursor:pointer;font-family:inherit}input,textarea,select{font-family:inherit;font-size:inherit}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 20px}.btn{border-radius:var(--radius-md);border:none;justify-content:center;align-items:center;padding:12px 24px;font-size:15px;font-weight:600;transition:all .2s;display:inline-flex}.btn-primary{background-color:var(--color-primary);color:var(--color-white)}.btn-primary:hover{background-color:var(--color-primary-dark);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-secondary{background-color:var(--color-surface-secondary);color:var(--color-text)}.btn-secondary:hover{background-color:var(--color-border)}.btn-outline{border:2px solid var(--color-primary);color:var(--color-primary);background-color:#0000}.btn-outline:hover{background-color:var(--color-primary-light)}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none}