*{margin:0;padding:0;box-sizing:border-box}:root{--color-primary: #4F46E5;--color-accent: #2CB1BC;--color-background: #FFFFFF;--color-surface: #F9FAFB;--color-subtle-surface: #F1F5F9;--color-border: #E5E7EB;--color-text-primary: #0B1220;--color-text-secondary: #475569;--color-text-muted: #94A3B8;--color-success: #16A34A;--color-warning: #D97706;--color-error: #DC2626}body{font-family:Inter,system-ui,-apple-system,sans-serif;background-color:var(--color-background);color:var(--color-text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh}h1{font-size:30px;font-weight:600;color:var(--color-text-primary);line-height:1.2}h2{font-size:24px;font-weight:600;color:var(--color-text-primary);line-height:1.3}h3{font-size:20px;font-weight:600;color:var(--color-text-primary);line-height:1.4}p{font-size:16px;line-height:1.5;color:var(--color-text-primary)}.btn{height:40px;padding:0 24px;border-radius:8px;font-size:16px;font-weight:500;font-family:inherit;cursor:pointer;transition:all .15s ease-out;border:none;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn-primary{background-color:var(--color-primary);color:#fff}.btn-primary:hover{background-color:#4338ca}.btn-danger{background-color:var(--color-error);color:#fff}.btn-danger:hover{background-color:#b91c1c}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-full{width:100%}.card{background-color:var(--color-background);border-radius:12px;padding:24px;box-shadow:0 1px 3px #0000001a}.app-layout{display:flex;min-height:100vh;background-color:var(--color-subtle-surface)}.sidebar{width:240px;background-color:var(--color-background);border-right:1px solid var(--color-border);display:flex;flex-direction:column;position:fixed;height:100vh;left:0;top:0}.sidebar-header{padding:24px;border-bottom:1px solid var(--color-border)}.sidebar-brand{font-size:20px;font-weight:600;color:var(--color-primary)}.sidebar-nav{flex:1;padding:16px 0;overflow-y:auto}.sidebar-footer{padding:16px;border-top:1px solid var(--color-border)}.nav-item{display:flex;align-items:center;gap:12px;padding:12px 24px;color:var(--color-text-secondary);text-decoration:none;font-size:14px;font-weight:500;transition:all .15s ease-out;cursor:pointer}.nav-item:hover{background-color:var(--color-surface);color:var(--color-text-primary)}.nav-item.active{background-color:var(--color-surface);color:var(--color-primary)}.nav-item svg{width:20px;height:20px;stroke-width:1.5}.user-info{margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid var(--color-border)}.user-name{font-size:14px;font-weight:500;color:var(--color-text-primary);margin-bottom:4px}.user-email{font-size:12px;color:var(--color-text-muted)}.main-content{flex:1;margin-left:240px;min-height:100vh}.content-wrapper{padding:32px;max-width:1200px;margin:0 auto}.welcome-section{margin-bottom:32px}.welcome-title{font-size:30px;font-weight:600;color:var(--color-text-primary);margin-bottom:8px}.welcome-subtitle{font-size:16px;color:var(--color-text-secondary);line-height:1.6}.dashboard{width:100%}.branding-section{margin-top:32px}.brand-card{background-color:var(--color-background);border-radius:12px;padding:32px;box-shadow:0 1px 3px #0000001a}.brand-card h2{margin-bottom:16px;color:var(--color-primary)}.brand-card p{margin-bottom:16px;line-height:1.6}.brand-card p:last-child{margin-bottom:0}.form-group{margin-bottom:24px}label{display:block;font-size:14px;font-weight:500;color:var(--color-text-primary);margin-bottom:8px}input{width:100%;height:40px;padding:0 16px;font-size:16px;font-family:inherit;border:1px solid var(--color-border);border-radius:8px;background-color:var(--color-background);color:var(--color-text-primary);transition:border-color .15s ease-out}input:focus{outline:none;border-color:var(--color-primary)}input:disabled{opacity:.6;cursor:not-allowed}.login-page{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:24px;background-color:var(--color-background)}.login-container{background-color:var(--color-surface);border-radius:12px;padding:48px;width:100%;max-width:400px;box-shadow:0 1px 3px #0000001a}.login-container h1{font-size:24px;font-weight:600;margin-bottom:8px;color:var(--color-text-primary)}.login-container .subtitle{font-size:14px;color:var(--color-text-secondary);margin-bottom:32px}.login-container form button{width:100%;height:40px;background-color:var(--color-primary);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:500;font-family:inherit;cursor:pointer;transition:background-color .15s ease-out}.login-container form button:hover:not(:disabled){background-color:#4338ca}.login-container form button:active:not(:disabled){transform:scale(.98)}.login-container form button:disabled{opacity:.6;cursor:not-allowed}.error-message{background-color:#fef2f2;border:1px solid var(--color-error);color:var(--color-error);padding:12px 16px;border-radius:8px;font-size:14px;margin-bottom:24px}.text-muted{color:var(--color-text-muted)}.text-secondary{color:var(--color-text-secondary)}