:root{--brand-orange:#e8450a;--brand-navy:#1a2e5a;--page-bg:#f8f9fb;--card-bg:#fff;--input-bg:#fff;--input-border:#e0e6ed;--text-primary:#1e293b;--text-secondary:#64748b;--text-muted:#94a3b8;--icon-color:#64748b;--status-green:#10b981;--status-green-bg:#ecfdf5;--status-blue:#3b82f6;--status-blue-bg:#eff6ff;--status-red:#ef4444;--status-red-bg:#fef2f2;--status-orange:#f59e0b;--status-orange-bg:#fffbeb;--shadow-sm:0 1px 3px #0000001a;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -2px #0000000d;--border-radius:12px;--input-radius:8px;--sidebar-width:260px;--content-max-width:1400px}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--page-bg);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}#root{width:100%}button{cursor:pointer;border:none;font-family:inherit;transition:all .2s}button:active{transform:scale(.98)}a{font-family:inherit;text-decoration:none;transition:all .2s}input{outline:none;font-family:inherit}.page-container{max-width:var(--content-max-width);box-sizing:border-box;width:100%;margin:0 auto;padding:40px}.page-header{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:32px;display:flex}.page-header h1{color:var(--brand-navy);margin:0 0 8px;font-size:28px;font-weight:800;line-height:1.2}.page-header p{color:var(--text-secondary);max-width:600px;margin:0;font-size:14px}.spinner{border:2px solid #0000001a;border-top-color:var(--brand-orange);border-radius:50%;animation:.6s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.page-wrapper{box-sizing:border-box;justify-content:flex-end;align-items:center;gap:80px;width:100%;min-height:100vh;padding:20px 80px 20px 40px;display:flex}.logo-section{flex:1;justify-content:center;display:flex}.brand-logo{width:420px;height:auto}.login-card{background-color:var(--card-bg);border-radius:var(--border-radius);width:420px;box-shadow:var(--shadow-lg);flex-direction:column;align-items:center;padding:40px;display:flex}.login-header{margin-bottom:20px}.login-header h1{color:#1a1a1a;font-size:24px;font-weight:700}.login-form{flex-direction:column;gap:12px;width:100%;display:flex}.input-group{align-items:center;width:100%;display:flex;position:relative}.input-group input{background-color:var(--page-bg);border:1px solid var(--input-border);border-radius:var(--input-radius);width:100%;color:var(--text-primary);padding:14px 48px 14px 16px;font-size:14px}.button-wrapper{flex-direction:column;align-items:center;gap:16px;margin-top:10px;display:flex}.login-button{background-color:var(--brand-orange);color:#fff;border-radius:10px;width:160px;padding:12px;font-size:15px;font-weight:700;box-shadow:0 4px 14px #e8450a4d}.login-button:hover{background-color:#d13d08;transform:translateY(-1px)}.forgot-password a{color:var(--brand-orange);font-size:13px;font-weight:500}.signup-section{text-align:center;margin-top:30px}.signup-section h2{color:#1a1a1a;margin-bottom:12px;font-size:24px;font-weight:700}.signup-link{color:var(--brand-orange);font-size:13px;font-weight:500;text-decoration:underline}@media (width<=900px){.page-wrapper{flex-direction:column;gap:40px}.brand-logo{width:280px}.login-card{width:100%;max-width:400px;padding:60px 32px}}.signup-wrapper{background:url(/assets/signup-bg-HlOEQ78H.png) 50%/cover no-repeat;justify-content:center;align-items:center;width:100%;min-height:100vh;padding:40px 20px;display:flex}.signup-card{background-color:var(--card-bg);border-radius:var(--border-radius);width:100%;max-width:800px;box-shadow:var(--shadow-lg);flex-direction:column;padding:40px 60px;display:flex}.signup-card .brand-logo{width:100px;height:auto;margin-bottom:12px}.signup-header h1{color:#1a1a1a;margin-bottom:12px;font-size:22px;font-weight:700}.signup-form{flex-direction:column;gap:8px;display:flex}.form-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.field-container{flex-direction:column;gap:4px;display:flex}.field-container label{color:#1a1a1a;font-size:14px;font-weight:700}.input-group{align-items:center;display:flex;position:relative}.input-group input,.input-group select{background-color:var(--page-bg);border:1px solid var(--input-border);border-radius:var(--input-radius);width:100%;color:var(--text-primary);padding:12px 16px;font-size:14px}.input-group .icon{color:#1a1a1a;opacity:.6;position:absolute;right:14px}.signup-button-container{flex-direction:column;align-items:center;gap:4px;margin-top:8px;display:flex}.signup-button{background-color:var(--brand-orange);color:#fff;border-radius:10px;width:280px;padding:14px;font-size:16px;font-weight:700;box-shadow:0 4px 12px #e8450a33}.login-link-container{color:#888;font-size:13px}.login-link{color:#888;text-decoration:none}.login-link:hover{text-decoration:underline}.error-message{color:#ff4d4f;text-align:center;margin-bottom:16px;font-size:13px}@media (width<=768px){.signup-card{padding:40px 24px}.form-row{grid-template-columns:1fr}}.reset-page-wrapper{background:var(--page-bg);justify-content:center;align-items:center;width:100%;min-height:100vh;padding:32px;display:flex}.reset-card{background:var(--card-bg);border-radius:var(--border-radius);width:100%;max-width:420px;box-shadow:var(--shadow-lg);text-align:center;padding:40px}.reset-logo{margin-bottom:24px}.reset-logo img{width:180px;height:auto}.reset-card h1{color:#1a1a1a;margin-bottom:28px;font-size:24px;font-weight:700}.reset-form{flex-direction:column;gap:14px;display:flex}.reset-card .input-group{width:100%}.reset-card input{background-color:var(--page-bg);border:1px solid var(--input-border);border-radius:var(--input-radius);width:100%;color:var(--text-primary);padding:14px 16px;font-size:14px}.reset-card input:focus{border-color:var(--brand-orange);background:#fff}.reset-button{background:var(--brand-orange);color:#fff;border-radius:10px;justify-content:center;align-items:center;width:100%;min-height:46px;margin-top:10px;padding:12px;font-size:15px;font-weight:700;display:flex}.reset-button:hover:not(:disabled){background:#d13d08;transform:translateY(-1px)}.reset-button:disabled{cursor:not-allowed;opacity:.75}.reset-footer{justify-content:center;gap:18px;margin-top:24px;display:flex}.reset-footer a{color:var(--brand-orange);font-size:13px;font-weight:600;text-decoration:underline}.success-message{background:var(--status-green-bg);color:var(--status-green);border-radius:8px;margin-bottom:20px;padding:12px;font-size:13px}@media (width<=520px){.reset-page-wrapper{padding:20px}.reset-card{padding:32px 24px}}.sidebar{background-color:var(--brand-orange);color:#fff;z-index:100;flex-direction:column;width:260px;height:100vh;padding:15px 0;display:flex;position:fixed;top:0;left:0}.sidebar-logo-container{border-bottom:1px solid #fff3;margin-bottom:20px;padding:0 24px 15px}.sidebar-logo{width:140px;height:auto}.sidebar-nav{flex-direction:column;flex:1;gap:8px;padding:0 12px;display:flex}.nav-item{color:#fffc;border-radius:8px;align-items:center;gap:12px;padding:12px 16px;font-size:15px;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.nav-item:hover{color:#fff;background-color:#ffffff1a}.nav-item.active{color:#fff;background-color:#fff3;font-weight:700}.sidebar-footer{flex-direction:column;padding:10px 12px;display:flex}.user-info{flex-direction:column;gap:2px;display:flex}.user-profile{align-items:center;gap:8px;padding:8px 16px;display:flex}.user-avatar{width:28px;height:28px;color:var(--brand-orange);background-color:#fff;border-radius:50%;justify-content:center;align-items:center;font-size:12px;font-weight:700;display:flex}.user-name{color:#fff;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:500;overflow:hidden}.sidebar-logout{color:#fff;opacity:.7;cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;width:fit-content;padding:0;font-size:11px;font-weight:500;transition:all .2s;display:flex}.sidebar-logout:hover{opacity:1}.main-layout{background-color:var(--page-bg);width:100%;min-height:100vh;display:flex}.content-area{margin-left:var(--sidebar-width);width:calc(100% - var(--sidebar-width));flex:1;padding:0 32px 32px;overflow-x:hidden}@media (width<=1024px){.content-area{padding:24px}}@media (width<=768px){.content-area{width:100%;margin-left:0;padding:16px}}