:root{--primary:#0f172a;--accent:#2563eb;--bg-body:#f8fafc;--card-bg:#ffffff;--text-main:#334155;--text-light:#64748b;--font-sans:'Inter',system-ui,sans-serif;--max-width:1140px;--header-height:70px}body{margin:0;font-family:var(--font-sans);background:var(--bg-body);color:var(--text-main)}a{text-decoration:none;color:inherit}.container{max-width:var(--max-width);margin:0 auto;padding:0 20px}.site-header{background:#fff;height:var(--header-height);border-bottom:1px solid #e2e8f0;display:flex;align-items:center;position:sticky;top:0;z-index:999}.header-inner{display:flex;justify-content:space-between;width:100%;align-items:center}.header-logo{display:flex;align-items:center}.header-logo img{height:40px;width:auto}.site-text-logo{font-weight:800;font-size:1.5rem;color:var(--primary)}.main-navigation{flex-grow:1;display:flex;justify-content:center}.nav-links{display:flex;gap:20px;list-style:none;padding:0;margin:0}.nav-links a{font-weight:500;font-size:.95rem;color:#475569}.nav-links a:hover{color:var(--accent)}.header-user{display:flex;justify-content:flex-end;align-items:center;gap:10px}.user-trigger{display:flex;align-items:center;gap:8px;font-weight:600;font-size:.9rem}.avatar{border-radius:50%;width:36px;height:36px}.default-avatar{width:36px;height:36px;background:#e2e8f0;border-radius:50%;display:flex;align-items:center;justify-content:center}.hero-section{background:linear-gradient(135deg,#f97316 0,#10b981 100%);padding:80px 0 100px 0;text-align:center;color:#fff;margin-bottom:-50px}.hero-title{font-size:2.2rem;font-weight:800;margin:0 0 10px 0}.hero-subtitle{font-size:1.1rem;opacity:.9;margin-bottom:30px}.hero-search-form{max-width:600px;margin:0 auto}.search-wrapper{display:flex;background:#fff;padding:5px;border-radius:50px;box-shadow:0 10px 20px rgba(0,0,0,.1)}.search-icon{padding:15px;color:#ccc}.search-field{border:none;outline:0;flex-grow:1;font-size:1rem}.search-submit{background:var(--primary);color:#fff;border:none;padding:10px 25px;border-radius:40px;cursor:pointer;font-weight:600}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;position:relative;z-index:10}.feature-card{background:#fff;padding:30px 20px;border-radius:12px;text-align:center;box-shadow:0 4px 6px rgba(0,0,0,.05);border:1px solid #e2e8f0;display:flex;flex-direction:column;align-items:center}.feature-card:hover{transform:translateY(-5px);transition:.3s}.icon-box{width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.2rem;margin-bottom:15px}.color-blue{background:#e0f2fe;color:#0284c7}.color-green{background:#dcfce7;color:#16a34a}.color-orange{background:#ffedd5;color:#ea580c}.color-red{background:#fee2e2;color:#dc2626}.btn-feature{padding:8px 16px;border-radius:6px;font-size:.85rem;font-weight:600;margin-top:auto}.btn-blue{background:#0284c7;color:#fff}.btn-green{background:#16a34a;color:#fff}.btn-orange{background:#ea580c;color:#fff}.btn-red{background:#dc2626;color:#fff}.section-heading{text-align:center;color:var(--primary);margin-bottom:2rem}.data-table{width:100%;border-collapse:collapse;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 1px 3px rgba(0,0,0,.1)}.data-table td,.data-table th{padding:15px;text-align:left;border-bottom:1px solid #eee}.data-table th{background:#f8fafc;font-weight:600;color:#64748b}.badge{background:#f1f5f9;padding:4px 10px;border-radius:20px;font-size:.8rem;font-weight:600}.login-page-body{margin:0;padding:0;height:100vh;overflow:hidden;font-family:var(--font-sans);background:#fff}.login-split-container{display:flex;height:100vh;width:100%}.login-left-panel{flex:1.5;position:relative;background:url('https://images.unsplash.com/photo-1541339907198-e08756dedf3f?q=80&w=1920&auto=format&fit=crop') no-repeat center center/cover;display:flex;align-items:center;justify-content:center;padding:40px}.overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(15,23,42,.85),rgba(37,99,235,.8));z-index:1}.login-notice-wrapper{position:relative;z-index:2;background:rgba(255,255,255,.95);padding:30px;border-radius:12px;box-shadow:0 20px 25px -5px rgba(0,0,0,.2);max-width:500px;width:100%}.notice-title{margin-top:0;color:#b91c1c;border-bottom:2px solid #e5e7eb;padding-bottom:15px;font-size:1.2rem;text-transform:uppercase}.notice-content ul{padding-left:20px;margin-bottom:0}.notice-content li{margin-bottom:10px;color:#334155;font-size:.95rem}.login-right-panel{flex:1;background:#fff;display:flex;align-items:center;justify-content:center;padding:40px;box-shadow:-5px 0 20px rgba(0,0,0,.05);z-index:10}.login-form-wrapper{width:100%;max-width:400px}.login-logo{text-align:center;margin-bottom:20px}.login-logo img{height:50px;width:auto;display:inline-block}.login-heading{text-align:center;font-size:1.25rem;font-weight:800;color:var(--primary);margin-bottom:30px;text-transform:uppercase;letter-spacing:-.5px}#vsh-login-form p{margin-bottom:20px}#vsh-login-form label{display:block;font-weight:600;font-size:.9rem;color:#475569;margin-bottom:8px}#vsh-login-form input[type=password],#vsh-login-form input[type=text]{width:100%;padding:12px 15px;border:1px solid #cbd5e1;border-radius:6px;font-size:1rem;transition:.2s;background:#f8fafc}#vsh-login-form input[type=password]:focus,#vsh-login-form input[type=text]:focus{border-color:var(--accent);outline:0;background:#fff;box-shadow:0 0 0 3px rgba(37,99,235,.1)}#vsh-login-form input[type=submit]{width:100%;padding:14px;background:var(--primary);color:#fff;border:none;border-radius:6px;font-size:1rem;font-weight:700;cursor:pointer;text-transform:uppercase;transition:.2s;margin-top:10px}#vsh-login-form input[type=submit]:hover{background:var(--accent)}.login-footer{margin-top:20px;display:flex;justify-content:space-between;font-size:.85rem}.login-footer a{color:#64748b}.login-footer a:hover{color:var(--accent)}@media (max-width:768px){.login-split-container{flex-direction:column;height:auto}.login-left-panel{display:none}.login-right-panel{padding:60px 20px}}.vsh-alert{padding:12px 15px;border-radius:6px;margin-bottom:20px;font-size:.9rem;display:flex;align-items:center;gap:10px;line-height:1.4}.vsh-alert-error{background:#fee2e2;color:#b91c1c;border:1px solid #fecaca}.vsh-alert-warning{background:#ffedd5;color:#c2410c;border:1px solid #fed7aa}.vsh-alert-success{background:#dcfce7;color:#15803d;border:1px solid #bbf7d0}#lostpasswordform label{display:block;font-weight:600;font-size:.9rem;color:#475569;margin-bottom:8px}#lostpasswordform input[type=text]{width:100%;padding:12px 15px;border:1px solid #cbd5e1;border-radius:6px;font-size:1rem;background:#f8fafc;margin-bottom:20px;box-sizing:border-box}#lostpasswordform input[type=text]:focus{border-color:var(--accent);outline:0;background:#fff;box-shadow:0 0 0 3px rgba(37,99,235,.1)}#lostpasswordform input[type=submit]{width:100%;padding:14px;background:var(--primary);color:#fff;border:none;border-radius:6px;font-size:1rem;font-weight:700;cursor:pointer;text-transform:uppercase;transition:.2s}#lostpasswordform input[type=submit]:hover{background:var(--accent)}.login-actions{margin-top:20px;border-top:1px solid #e2e8f0;padding-top:20px}.btn-register{display:block;width:100%;text-align:center;padding:12px;border:2px solid var(--primary);color:var(--primary);border-radius:6px;font-weight:700;text-transform:uppercase;margin-bottom:15px;transition:.2s;background:0 0}.btn-register:hover{background:var(--primary);color:#fff;text-decoration:none}.login-footer{display:flex;justify-content:space-between;font-size:.9rem}.register-info-panel{flex:1;background:linear-gradient(160deg,#036 0,#0f172a 100%);color:#fff;display:flex;flex-direction:column;justify-content:center;padding:50px;position:relative;overflow:hidden}.info-title{color:#fca510;font-size:1.1rem;text-transform:uppercase;margin-bottom:30px;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:15px;letter-spacing:.5px}.info-steps p{margin-bottom:20px;font-size:1rem;line-height:1.6}.info-note{margin-top:30px;font-size:.9rem;color:rgba(255,255,255,.7);font-style:italic;border-top:1px solid rgba(255,255,255,.1);padding-top:20px}.req{color:#dc2626}.form-group{margin-bottom:20px}.form-group label{display:block;font-size:.9rem;font-weight:600;color:#334155;margin-bottom:8px}.vsh-input{width:100%;padding:12px;border:1px solid #cbd5e1;border-radius:4px;font-size:1rem;transition:.2s}.vsh-input:focus{border-color:#036;outline:0;box-shadow:0 0 0 3px rgba(0,51,102,.1)}.btn-register-submit{width:100%;padding:14px;background:#0056b3;color:#fff;border:none;border-radius:4px;font-size:1rem;font-weight:700;text-transform:uppercase;cursor:pointer;transition:.2s}.btn-register-submit:hover{background:#004494}.circle-bg{position:absolute;border-radius:50%;border:2px solid rgba(255,255,255,.05);z-index:1;pointer-events:none}.c1{width:400px;height:400px;bottom:-100px;right:-100px}.c2{width:600px;height:600px;bottom:-200px;right:-200px;border-width:1px}@media (max-width:900px){.login-split-container{flex-direction:column-reverse}.register-info-panel{padding:40px 20px}}