:root{--primary:#c5a059;--bg:#0f172a;--text:#f8fafc}body{background-color:var(--bg);color:var(--text);background-image:url(/bg.png);background-position:50%;background-size:cover;justify-content:center;align-items:center;min-height:100vh;margin:0;font-family:Inter,system-ui,sans-serif;display:flex}.portal-container{text-align:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f172ab3;border:1px solid #c5a05933;border-radius:2rem;width:90%;max-width:1200px;padding:4rem 2rem;animation:1s ease-out fadeIn;box-shadow:0 25px 50px -12px #00000080}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}h1{background:linear-gradient(to right, #fff, var(--primary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:1rem;font-size:3.5rem;font-weight:800}p{color:#94a3b8;margin-bottom:3rem;font-size:1.25rem}.app-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;display:grid}.app-card{color:inherit;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:1.5rem;flex-direction:column;align-items:center;gap:1.5rem;padding:2.5rem;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.app-card:hover{border-color:var(--primary);background:#c5a0591a;transform:translateY(-10px);box-shadow:0 0 30px #c5a05933}.app-card.disabled{opacity:.6;cursor:not-allowed;filter:grayscale()}.app-card.disabled:hover{box-shadow:none;background:#ffffff0d;border-color:#ffffff1a;transform:none}.icon-wrapper{color:var(--primary);background:#c5a0591a;border-radius:1rem;padding:1rem}.app-card h2{margin:0;font-size:1.5rem;font-weight:700}.app-card p{margin:0;font-size:.9rem;line-height:1.5}.badge{background:var(--primary);color:var(--bg);text-transform:uppercase;border-radius:1rem;padding:.25rem .75rem;font-size:.75rem;font-weight:700;position:absolute;top:1rem;right:1rem}.badge-gold{color:#0f172a!important;background:#f59e0b!important}.manual-view{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0f172ae6;border:1px solid #c5a0594d;border-radius:2rem;flex-direction:column;width:95vw;max-width:1400px;height:90vh;animation:.5s ease-out fadeIn;display:flex;overflow:hidden;box-shadow:0 25px 50px -12px #0009}.manual-header{background:#ffffff05;border-bottom:1px solid #c5a05926;justify-content:space-between;align-items:center;padding:1.5rem 2rem;display:flex}.header-meta{letter-spacing:.05em;background:linear-gradient(to right, #fff, var(--primary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;align-items:center;gap:1rem;font-size:1.25rem;font-weight:800;display:flex}.icon-gold{color:var(--primary);filter:drop-shadow(0 0 8px #c5a05980)}.close-btn{color:#f8fafc;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:.75rem;padding:.5rem 1.25rem;font-weight:600;transition:all .2s}.close-btn:hover{color:#ef4444;background:#ef444433;border-color:#ef4444}.manual-layout{flex:1;display:flex;overflow:hidden}.manual-sidebar{background:#0003;border-right:1px solid #c5a0591a;flex-direction:column;justify-content:space-between;width:280px;padding:2rem 1rem;display:flex;overflow-y:auto}.sidebar-section-title{color:#c5a05999;letter-spacing:.15em;margin-bottom:1rem;padding-left:.75rem;font-size:.75rem;font-weight:800}.manual-nav{flex-direction:column;gap:.5rem;display:flex}.nav-item{color:#94a3b8;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:.75rem;align-items:center;gap:1rem;padding:.85rem 1rem;font-size:.95rem;font-weight:600;transition:all .25s;display:flex}.nav-item:hover{color:#f8fafc;background:#ffffff08}.nav-item.active{color:var(--primary);background:#c5a05926;border:1px solid #c5a05940;box-shadow:0 0 15px #c5a0591a}.manual-help-card{text-align:left;background:#c5a0590d;border:1px solid #c5a0591a;border-radius:1rem;margin-top:2rem;padding:1.25rem}.manual-help-card h3{color:#f8fafc;margin:.5rem 0 .25rem;font-size:.95rem}.manual-help-card p{color:#94a3b8;margin:0;font-size:.8rem;line-height:1.4}.manual-content{background:#0000001a;flex:1;padding:2.5rem;overflow-y:auto}.manual-pane{text-align:left;max-width:900px;margin:0 auto}.pane-title{color:#f8fafc;margin-bottom:.5rem;font-size:2.25rem;font-weight:800}.pane-desc{color:#94a3b8;margin-bottom:2rem;font-size:1.05rem;line-height:1.6}.info-grid{grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:2.5rem;display:grid}.glass-info-card{background:#ffffff08;border:1px solid #ffffff12;border-radius:1.25rem;flex-direction:column;gap:1rem;padding:1.75rem;display:flex}.info-card-header{align-items:center;gap:1rem;display:flex}.info-card-header h3{color:#f8fafc;margin:0;font-size:1.25rem}.glass-info-card p{color:#94a3b8;margin:0;font-size:.9rem;line-height:1.5}.icon-blue{color:#38bdf8}.icon-green{color:#4ade80}.icon-yellow{color:#fbbf24}.icon-emerald{color:#10b981}.icon-red{color:#f87171}.icon-purple{color:#c084fc}.badge-blue,.badge-green{border-radius:.5rem;align-self:flex-start;padding:.25rem .75rem;font-size:.75rem;font-weight:700}.badge-blue{color:#38bdf8;background:#38bdf826}.badge-green{color:#4ade80;background:#4ade8026}.manual-section{border-top:1px solid #ffffff0d;margin-top:3rem;padding-top:2rem}.manual-section h3{color:#f8fafc;margin-bottom:1.25rem;font-size:1.35rem;font-weight:700}.ecosystem-map{background:#0003;border:1px solid #ffffff08;border-radius:1.25rem;justify-content:space-between;align-items:center;padding:2rem;display:flex}.map-node{text-align:center;background:#ffffff0a;border:1px solid #ffffff0d;border-radius:1rem;flex:1;padding:1.25rem}.node-external{border-left:4px solid #f87171}.node-core{border-left:4px solid var(--primary);background:#c5a0590d}.node-client{border-left:4px solid #38bdf8}.map-node h4{color:#f8fafc;margin:0 0 .5rem;font-size:.95rem}.map-node p{color:#94a3b8;margin:0;font-size:.75rem;line-height:1.3}.map-arrow{color:#c5a05980;margin:0 1rem}.manual-table{border-collapse:collapse;width:100%;margin-top:1rem}.manual-table th{text-align:left;color:#c5a059cc;text-transform:uppercase;border-bottom:2px solid #c5a05933;padding:.75rem 1rem;font-size:.8rem;font-weight:700}.manual-table td{color:#cbd5e1;border-bottom:1px solid #ffffff0d;padding:1rem;font-size:.9rem}.role-badge{border-radius:.35rem;padding:.2rem .5rem;font-size:.8rem;font-weight:700;display:inline-block}.role-badge.superadmin{color:#f87171;background:#ef444426}.role-badge.admin{color:#fbbf24;background:#f59e0b26}.role-badge.manager{color:#60a5fa;background:#3b82f626}.role-badge.viewer{color:#9ca3af;background:#6b728026}.credentials-box{background:#c5a0590f;border:1px solid #c5a05933;border-radius:1.5rem;margin-bottom:2.5rem;display:flex}.cred-item{flex:1;align-items:center;gap:1.5rem;padding:2rem;display:flex}.border-left{border-left:1px solid #c5a05926}.cred-icon{color:var(--primary);background:#c5a0591a;border-radius:1rem;padding:.75rem}.cred-label{color:#c5a059b3;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.25rem;font-size:.75rem;font-weight:800;display:block}.cred-val{color:#f8fafc;font-family:Courier New,Courier,monospace;font-size:1.15rem;font-weight:700}.cred-val.highlight{color:var(--primary)}.seeding-utility-card{background:#ffffff05;border:1px solid #ffffff0f;border-radius:1.25rem;justify-content:space-between;align-items:center;margin-top:1rem;padding:1.5rem 2rem;display:flex}.utility-details h4{color:#f8fafc;margin:0 0 .25rem;font-size:1.1rem}.utility-details p{color:#94a3b8;margin:0;font-size:.85rem}.seed-btn{color:#0f172a;cursor:pointer;background:linear-gradient(135deg,#c5a059,#a3803f);border:none;border-radius:.75rem;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.9rem;font-weight:700;transition:all .2s;display:flex;box-shadow:0 4px 12px #c5a0594d}.seed-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #c5a05980}.seed-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.seed-status-banner{border-radius:.75rem;align-items:center;gap:1rem;margin-top:1rem;padding:1rem 1.5rem;font-size:.9rem;display:flex}.seed-status-banner.success{color:#34d399;background:#10b98126;border:1px solid #10b9814d}.seed-status-banner.error{color:#f87171;background:#ef444426;border:1px solid #ef44444d}.seed-status-banner.loading{color:#60a5fa;background:#3b82f626;border:1px solid #3b82f64d}.security-alert-box{background:#ef44440d;border:1px solid #ef444426;border-radius:1.25rem;gap:1.5rem;margin-top:1rem;padding:1.5rem;display:flex}.security-alert-box h4{color:#f87171;margin:0 0 .5rem;font-size:1rem}.security-alert-box p{color:#cbd5e1;margin:0;font-size:.85rem;line-height:1.5}.dashboard-mockup{background:#090f1d;border:1px solid #ffffff12;border-radius:1.25rem;margin-bottom:2rem;overflow:hidden;box-shadow:0 10px 25px #0000004d}.mock-header{background:#ffffff08;border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:.85rem 1.25rem;display:flex}.mock-header h4{letter-spacing:.05em;color:#cbd5e1;margin:0;font-size:.8rem;font-weight:800}.mock-indicator{font-size:.75rem;font-weight:700}.font-green{color:#10b981}.mock-body{padding:1.25rem}.mock-card-list{flex-direction:column;gap:.75rem;display:flex}.mock-entity-card{background:#ffffff05;border:1px solid #ffffff0d;border-radius:.75rem;justify-content:space-between;align-items:center;padding:1rem;display:flex}.entity-left{flex-direction:column;gap:.25rem;display:flex}.truck-plate{color:#f8fafc;font-size:.95rem;font-weight:800}.driver-name{color:#94a3b8;font-size:.75rem}.entity-right{align-items:center;gap:1rem;display:flex}.allowance-badge{color:var(--primary);background:#c5a0591a;border-radius:.35rem;padding:.25rem .5rem;font-size:.8rem;font-weight:700}.status-dot{align-items:center;gap:.35rem;font-size:.75rem;font-weight:700;display:flex}.status-dot:before{content:"";border-radius:50%;width:8px;height:8px}.status-dot.green:before{background:#10b981}.status-dot.purple:before{background:#a855f7}.flow-list{flex-direction:column;gap:1rem;margin:1.5rem 0;padding:0;list-style:none;display:flex}.flow-list li{color:#cbd5e1;align-items:flex-start;gap:1rem;font-size:.9rem;line-height:1.4;display:flex}.flow-step{background:var(--primary);color:#0f172a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:.8rem;font-weight:800;display:flex}.order-flow-diagram{background:#00000026;border:1px solid #ffffff08;border-radius:1.25rem;justify-content:space-between;align-items:center;margin-top:1.5rem;padding:2rem 1.5rem;display:flex}.flow-node{text-align:center;flex-direction:column;flex:1;align-items:center;display:flex;position:relative}.node-icon{color:#94a3b8;background:#ffffff0d;border:2px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;margin-bottom:.75rem;font-weight:800;transition:all .3s;display:flex}.flow-node.active .node-icon{background:var(--primary);border-color:var(--primary);color:#0f172a;box-shadow:0 0 15px #c5a05966}.flow-node h5{color:#f8fafc;margin:0 0 .25rem;font-size:.85rem;font-weight:700}.flow-node p{color:#94a3b8;margin:0;font-size:.7rem;line-height:1.2}.flow-connector{background:#ffffff0d;flex:.5;height:2px;margin-bottom:2rem}.mock-otp-card{text-align:center;background:linear-gradient(135deg,#c5a0591a,#0000004d);border:1px solid #c5a05940;border-radius:1.25rem;max-width:450px;margin:1.5rem auto;padding:1.75rem}.otp-title{letter-spacing:.1em;color:var(--primary);margin-bottom:1rem;font-size:.7rem;font-weight:800;display:block}.otp-digits{color:#f8fafc;letter-spacing:.3em;text-shadow:0 0 10px #ffffff4d;margin-bottom:1rem;font-size:2.5rem;font-weight:900}.otp-warning{color:#94a3b8;margin:0;font-size:.8rem;line-height:1.4}.calculator-box{background:#0003;border:1px solid #ffffff0d;border-radius:1.25rem;margin:1.5rem 0;display:flex;overflow:hidden}.calc-inputs{flex-direction:column;flex:1.2;gap:1.25rem;padding:1.75rem;display:flex}.input-group{flex-direction:column;gap:.5rem;display:flex}.input-group label{color:#94a3b8;text-transform:uppercase;font-size:.8rem;font-weight:700}.input-group input{color:#f8fafc;background:#ffffff08;border:1px solid #ffffff1a;border-radius:.5rem;outline:none;padding:.65rem;font-size:.95rem;transition:border-color .2s}.input-group input:focus{border-color:var(--primary)}.calc-radio-group{gap:.5rem;display:flex}.radio-btn{color:#94a3b8;cursor:pointer;background:#ffffff08;border:1px solid #ffffff14;border-radius:.5rem;flex:1;padding:.5rem;font-weight:600;transition:all .2s}.radio-btn.active{background:var(--primary);color:#0f172a;border-color:var(--primary)}.calc-output{background:#c5a0590d;border-left:1px solid #c5a05926;flex-direction:column;flex:1;padding:1.75rem;display:flex}.calc-output h4{color:#c5a059cc;text-transform:uppercase;margin:0 0 1.25rem;font-size:.85rem;font-weight:800}.output-row{color:#cbd5e1;justify-content:space-between;padding:.65rem 0;font-size:.9rem;display:flex}.border-top{border-top:1px solid #c5a05926;margin-top:.5rem}.text-red{color:#f87171}.text-green{color:#34d399}.aging-buckets-preview{gap:1rem;margin-top:1.5rem;display:flex}.bucket-card{text-align:center;background:#ffffff05;border:1px solid #ffffff0d;border-radius:.75rem;flex-direction:column;flex:1;gap:.25rem;padding:1rem;display:flex}.bucket-label{color:#94a3b8;font-size:.75rem;font-weight:600}.bucket-val{font-size:.95rem;font-weight:800}.bucket-val.green{color:#34d399}.bucket-val.warning{color:#f59e0b}.bucket-val.critical{color:#ef4444}.bucket-val.blocked{color:#ef4444;text-decoration:underline}.pdf-cards-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-top:1.5rem;display:grid}.pdf-guide-card{background:#ffffff05;border:1px solid #ffffff0f;border-radius:1.25rem;flex-direction:column;gap:.75rem;padding:1.5rem;transition:all .2s;display:flex}.pdf-guide-card:hover{background:#ffffff0a;border-color:#c5a05940;transform:translateY(-3px)}.pdf-card-title{align-items:center;gap:.75rem;display:flex}.pdf-card-title h4{color:#f8fafc;margin:0;font-size:1rem}.pdf-guide-card p{color:#94a3b8;margin:0;font-size:.8rem;line-height:1.4}.fade-in{animation:.4s ease-out forwards fadeIn}.animate-spin{animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (width<=900px){.manual-layout{flex-direction:column}.manual-sidebar{border-bottom:1px solid #c5a0591a;border-right:none;width:auto;padding:1rem}.manual-nav{flex-direction:row;padding-bottom:.5rem;overflow-x:auto}.nav-item{white-space:nowrap}.manual-help-card{display:none}.info-grid{grid-template-columns:1fr}.credentials-box{flex-direction:column}.border-left{border-top:1px solid #c5a05926;border-left:none}.calculator-box{flex-direction:column}.calc-output{border-top:1px solid #c5a05926;border-left:none}.order-flow-diagram{flex-direction:column;gap:1rem}.flow-connector{width:2px;height:20px;margin-bottom:0}.aging-buckets-preview{flex-direction:column}}