:root{--primary-teal: #4ca49d;--primary-dark: #378680;--secondary-bg: #e6f3f2;--primary: #1e3a8a;--primary-light: #3b82f6;--primary-dark-php: #1e40af;--secondary: #0ea5e9;--logo-blue: #0b537c;--logo-orange: #f5a623;--bg-color: #f3f4f6;--surface: #ffffff;--text-main: #333333;--text-muted: #6b7280;--border: #e5e7eb;--btn-green: #5cb85c;--btn-green-hover: #4cae4c;--btn-teal: #17a2b8;--btn-red: #d9534f;--radius: 4px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,sans-serif;background-color:var(--bg-color);color:var(--text-main);-webkit-font-smoothing:antialiased}.app-container{display:flex;flex-direction:column;min-height:100vh}.header-top{display:flex;justify-content:space-between;align-items:center;padding:0 40px;height:70px;background-color:var(--surface);border-bottom:1px solid var(--border);position:relative;z-index:10}.logo-container{font-size:1.6rem;font-weight:900;letter-spacing:-.5px;text-transform:uppercase}.logo-nexa{color:var(--logo-blue)}.logo-tender{color:var(--logo-orange)}.header-links{display:flex;align-items:center;gap:20px;font-size:.85rem;font-weight:700;color:var(--logo-blue);text-transform:uppercase}.header-links a{text-decoration:none;color:inherit}.header-actions{display:flex;align-items:center;gap:12px}.lang-btn{padding:6px 12px;border:1px solid var(--logo-blue);background:transparent;color:var(--logo-blue);border-radius:var(--radius);font-size:.75rem;font-weight:700;cursor:pointer}.lang-btn.active{background-color:var(--logo-blue);color:#fff}.user-dropdown{padding:6px 12px;border:1px solid var(--border);background:transparent;color:var(--text-main);border-radius:var(--radius);font-size:.85rem;display:flex;align-items:center;gap:8px;cursor:pointer;font-weight:600;color:var(--logo-blue)}.nav-secondary{background-color:var(--primary-teal);padding:0 40px;display:flex;gap:4px}.nav-tab{padding:16px 20px;color:#fff;text-decoration:none;font-size:.8rem;font-weight:700;text-transform:uppercase;transition:background-color .2s}.nav-tab:hover,.nav-tab.active{background-color:var(--logo-orange);color:#fff}.main-content{flex:1;display:flex;justify-content:center;padding:40px}.page-container{width:100%;max-width:1100px}.card{background-color:var(--surface);border-radius:12px;padding:30px;box-shadow:0 4px 10px #0000000d}.card-title{font-size:1.5rem;font-weight:700;color:var(--text-main);margin-bottom:24px;padding-bottom:10px;border-bottom:2px solid #f3f4f6}.info-box{background-color:var(--secondary-bg);color:var(--text-main);border-radius:8px;padding:20px;margin-bottom:24px;border:1px solid #b2d8d6}.info-box-title{display:flex;align-items:center;gap:8px;font-weight:700;margin-bottom:10px;font-size:16px;color:var(--logo-blue)}.info-box ol{margin-left:20px;font-size:13px;line-height:1.6}.dash-banner{background-color:#005a8d;border-radius:12px;padding:40px;color:#fff;box-shadow:0 10px 25px #0000001a;position:relative;overflow:hidden;margin-bottom:30px}.dash-banner:after{content:"";position:absolute;top:0;right:-50px;width:400px;height:100%;background-image:url('data:image/svg+xml;utf8,<svg width="100" height="100" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 13L10 20L21 9" stroke="rgba(255,255,255,0.05)" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/></svg>');background-size:contain;background-repeat:no-repeat;background-position:center right;z-index:0}.dash-banner-content{position:relative;z-index:1}.dash-banner h2{font-size:28px;font-weight:800;margin-bottom:15px}.dash-banner p{font-size:15px;line-height:1.6;margin-bottom:30px;max-width:600px;opacity:.9}.dash-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.dash-stat-card{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;padding:20px;display:flex;align-items:center;gap:15px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.dash-stat-icon{font-size:24px;opacity:.9}.dash-stat-info h3{font-size:18px;font-weight:700;margin:0 0 5px}.dash-stat-info span{font-size:11px;text-transform:uppercase;letter-spacing:.5px;opacity:.8}.dash-status{border:1px dashed #cbd5e1;border-radius:12px;padding:40px;text-align:center;background:#fff}.dash-status-icon{width:60px;height:60px;background-color:#10b981;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:30px;margin:0 auto 20px}.dash-status h3{font-size:20px;color:var(--text-main);margin-bottom:10px}.dash-status p{color:var(--text-muted);font-size:14px}.btn-action{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--primary);color:#fff;padding:8px 16px;border-radius:4px;text-decoration:none;font-size:13px;font-weight:600;border:none;cursor:pointer;transition:all .2s;margin-top:auto}.btn-action:hover{background:var(--primary-dark-php);transform:translateY(-1px)}@media print{@page{size:A4 portrait;margin:10mm 15mm}body{background-color:#fff!important}body *{visibility:hidden}*{position:static!important}@page{size:A4 portrait;margin:0 20mm 20mm}body,html{margin:0!important;padding:0!important;background-color:#fff!important;font-family:Tahoma,Geneva,sans-serif!important;font-size:12pt!important}.main-content,.page-container,#root{padding:0!important;margin:0!important;max-width:none!important;display:block!important}.print-wrapper{position:static!important;padding:0!important;margin:0!important;display:block!important;overflow:visible!important}.print-area,.print-area *{visibility:visible}.print-area{width:100%!important;max-width:100%!important;margin:0!important;padding:0!important;box-shadow:none!important;border:none!important}*{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}.no-print,.hide-on-print{display:none!important}}.print-header{text-align:center;margin-bottom:30px;border-bottom:3px solid #667eea;padding-bottom:20px}.print-header h1{color:#2c3e50;font-size:24px;margin-bottom:5px}.print-header p{color:#667eea;font-size:12px}.print-date{text-align:right;margin-bottom:20px;font-size:12px;color:#95a5a6}.print-content{background:#fff;padding:20px;border:1px solid #ecf0f1;border-radius:8px}.field-row{display:grid;grid-template-columns:200px 1fr;margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid #ecf0f1}.field-row:last-child{border-bottom:none}.field-label{font-weight:600;color:#2c3e50}.field-value{color:#555}.landing-container{display:flex;flex-direction:column;min-height:100vh;background-color:#fff;position:relative;overflow-x:hidden}.landing-header{display:flex;justify-content:space-between;align-items:center;padding:0 40px;height:70px;background-color:#fff;position:relative;z-index:20}.landing-header-left{display:flex;align-items:center}.social-icons{display:flex;gap:12px;color:#0b537c;align-items:center}.landing-links{display:flex;align-items:center;gap:25px;margin-left:40px;font-size:.8rem;font-weight:700;color:#0b537c}.landing-links a{text-decoration:none;color:inherit;display:flex;align-items:center;gap:4px}.landing-links a.active{color:#0ea5e9}.dropdown{position:relative;display:inline-block;cursor:pointer}.dropdown-content{display:none;position:absolute;background-color:#fff;min-width:220px;box-shadow:0 8px 16px #0000001a;z-index:50;border-radius:6px;margin-top:15px;border:1px solid #e5e7eb}.dropdown-content:before{content:"";position:absolute;top:-15px;left:0;right:0;height:15px;background:transparent}.dropdown-content a{color:#333;padding:12px 16px;text-decoration:none;display:block;font-weight:500;border-bottom:1px solid #f3f4f6;transition:background-color .2s}.dropdown-content a:last-child{border-bottom:none}.dropdown-content a:hover{background-color:#f8fafc;color:#0b537c}.dropdown:hover .dropdown-content{display:block}.landing-actions{display:flex;align-items:center;gap:15px}.lang-toggle{display:flex}.lang-toggle .lang-btn{padding:8px 16px;border:1px solid #136a8a;background:transparent;color:#136a8a;font-size:.75rem;font-weight:700;cursor:pointer}.lang-toggle .lang-btn:first-child{border-radius:4px 0 0 4px;border-right:none}.lang-toggle .lang-btn:last-child{border-radius:0 4px 4px 0}.lang-toggle .lang-btn.active{background-color:#136a8a;color:#fff}.btn-masuk,.btn-daftar{padding:8px 20px;border-radius:4px;font-size:.75rem;font-weight:700;cursor:pointer;border:none;color:#fff}.btn-masuk{background-color:#136a8a}.btn-daftar{background-color:#0d4b68}.hero-section{position:relative;min-height:calc(100vh - 70px);background:linear-gradient(135deg,#74ebd5d9,#acb6e5e6),url(https://images.unsplash.com/photo-1541888086425-d81bb19240f5?auto=format&fit=crop&q=80&w=2000);background-size:cover;background-position:center;display:flex;flex-direction:column;align-items:center;padding-top:100px;z-index:10}.hero-section:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:150px;background-color:#f3f4f6;clip-path:ellipse(70% 100% at 50% 100%);z-index:1}.hero-content{text-align:center;color:#fff;margin-bottom:60px;text-shadow:0 2px 4px rgba(0,0,0,.1);z-index:5}.hero-content h1{font-size:2.5rem;font-weight:600;margin-bottom:10px}.hero-content h2{font-size:1.5rem;font-weight:400}.search-widget{background:#fff;border-radius:12px;width:100%;max-width:800px;box-shadow:0 10px 30px #00000026;z-index:5;overflow:hidden}.search-tabs{display:flex;background-color:#f8fafc;padding:15px 20px 0;gap:10px}.search-tab{padding:12px 25px;background:transparent;border:none;font-size:.85rem;font-weight:700;color:#64748b;cursor:pointer;border-radius:8px 8px 0 0}.search-tab.active{background:#136a8a;color:#fff}.search-body{padding:25px;display:flex;gap:15px;background:#fff}.search-input{flex:1;padding:15px 20px;border:1px solid #e2e8f0;border-radius:6px;font-size:1rem;outline:none}.search-input:focus{border-color:#136a8a}.search-btn{padding:0 30px;background-color:#136a8a;color:#fff;border:none;border-radius:6px;font-size:1rem;font-weight:600;cursor:pointer;transition:background-color .2s}.search-btn:hover{background-color:#0d4b68}.bottom-bar{position:fixed;bottom:0;left:0;width:100%;background-color:#74ebd5;padding:5px 20px;z-index:30;display:flex}.btn-add-home{background:#0b537c;color:#fff;border:none;padding:8px 16px;border-radius:4px;font-size:.85rem;font-weight:600;cursor:pointer}.register-container{min-height:100vh;background-color:#1a6f7c;display:flex;flex-direction:column;align-items:center;position:relative;font-family:Inter,sans-serif}.register-header-right{position:absolute;top:0;right:0;display:flex}.register-header-right .lang-btn{padding:10px 20px;background-color:transparent;color:#fff;border:1px solid rgba(255,255,255,.3);font-size:.75rem;font-weight:700;cursor:pointer;border-top:none;border-right:none}.register-header-right .lang-btn.active{background-color:#55b2a6;border-color:#55b2a6}.register-content{margin-top:10vh;display:flex;flex-direction:column;align-items:center;width:100%;max-width:500px}.register-card{background:#fff;border-radius:8px;padding:40px;width:100%;box-shadow:0 10px 25px #0003}.register-title{text-align:center;font-size:1.1rem;font-weight:700;color:#333;margin-bottom:20px}.register-subtitle{text-align:center;font-size:.85rem;color:#666;margin-bottom:30px}.register-form{display:flex;flex-direction:column;gap:20px}.form-control{width:100%;padding:12px 15px;border:1px solid #ddd;border-radius:4px;font-size:.9rem;outline:none;transition:border-color .2s}.form-control:focus{border-color:#1a6f7c}.captcha-container{display:flex;justify-content:center;margin:5px 0}.captcha-mock{background-image:repeating-linear-gradient(45deg,transparent,transparent 2px,#ccc 2px,#ccc 4px),repeating-linear-gradient(-45deg,transparent,transparent 2px,#ccc 2px,#ccc 4px);background-color:#fff;padding:15px 40px;display:inline-block;position:relative;border:1px solid #ddd}.captcha-mock span{font-size:28px;font-weight:700;font-family:monospace;letter-spacing:5px;color:#000;text-shadow:2px 2px 0px #fff,-2px -2px 0px #fff,2px -2px 0px #fff,-2px 2px 0px #fff;position:relative;z-index:2;text-decoration:line-through}.captcha-input-group{display:flex;justify-content:center}.captcha-input{width:200px;text-align:center}.submit-container{display:flex;justify-content:center;margin-top:10px}.btn-daftar-submit{background-color:#1a6f7c;color:#fff;border:none;padding:10px 40px;border-radius:4px;font-size:.9rem;font-weight:600;cursor:pointer;transition:background-color .2s}.btn-daftar-submit:hover{background-color:#13535d}.btn{padding:8px 16px;border-radius:4px;border:none;font-weight:600;font-size:.85rem;cursor:pointer;transition:all .2s;font-family:Inter,sans-serif;display:inline-flex;align-items:center;justify-content:center;gap:6px}.btn-success{background-color:var(--btn-green);color:#fff}.btn-success:hover{background-color:var(--btn-green-hover)}.btn-sm{padding:4px 8px;font-size:.75rem;border-radius:3px}.btn-teal{background-color:var(--btn-teal);color:#fff}.btn-red{background-color:var(--btn-red);color:#fff}.btn-secondary{background-color:#e5e7eb;color:#374151}.btn-secondary:hover{background-color:#d1d5db}.data-table{width:100%;border-collapse:collapse;margin-top:16px;font-size:.85rem}.data-table th,.data-table td{padding:12px;text-align:left;border-bottom:1px solid var(--border)}.data-table th{color:var(--text-muted);font-weight:700;background-color:#fafafa}.badge{padding:4px 10px;border-radius:20px;font-size:.75rem;font-weight:600}.badge-outline-green{border:1px solid var(--btn-green);color:var(--btn-green);background-color:transparent}.badge-outline-red{border:1px solid var(--btn-red);color:var(--btn-red);background-color:transparent}.action-buttons{display:flex;gap:6px}.form-group{margin-bottom:16px}.form-group label{display:block;font-weight:600;margin-bottom:8px;font-size:.85rem;color:var(--text-main)}.form-control{width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:4px;font-size:.85rem;font-family:Inter,sans-serif;color:var(--text-main);background-color:#fff;transition:border-color .2s}.form-control:focus{outline:none;border-color:var(--primary-teal)}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:20px}