:root{--brand-green:#39f58c;--brand-green-2:#8dffbc;--brand-dark:#020a07;--brand-panel:#071910;--brand-panel-strong:#0d1f19;--brand-text:#ebfff4;--brand-muted:#bafad6;--brand-line:#7fffc22e;color:var(--brand-text);background:var(--brand-dark);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}html,body,#root{background:var(--brand-dark);min-height:100%;margin:0}body{background:#020a07;min-height:100vh}h1,h2,h3,h4,p{margin-top:0}#root{min-height:100vh}*,:before,:after{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;min-width:320px;margin:0;font-family:Trebuchet MS,Segoe UI,sans-serif}button,input,textarea,select{font:inherit}.app-shell{color:#ecfdf5;background:radial-gradient(circle at top,#12d67c2e,#0000 30%),linear-gradient(135deg,#020a07 0%,#061810 38%,#010704 100%);min-height:100vh;padding:32px 20px 48px}.topbar{justify-content:space-between;align-items:center;gap:16px;max-width:1200px;margin:0 auto 32px;display:flex}.brand-wrap{align-items:center;gap:16px;display:flex}.brand-image{aspect-ratio:1;object-fit:cover;background:#000;border-radius:50%;flex:none;width:112px;height:112px;display:block}.brand-image.sidebar-logo{width:88px;height:88px}.eyebrow{letter-spacing:.18em;color:#a7f3d0;margin:0;font-size:12px}.topbar h1,.dashboard-topbar h3,.sidebar h2{color:#f0fdf4;margin:6px 0 0;font-size:1.4rem}.topbar-actions,.cta-row{flex-wrap:wrap;gap:12px;display:flex}.primary-btn,.ghost-btn,.nav-item,.table-btn{cursor:pointer;border:none;border-radius:16px;padding:12px 18px;font-weight:700;transition:transform .2s,opacity .2s,box-shadow .2s,border-color .2s}.primary-btn{color:#041b12;background:linear-gradient(135deg,#5dff9c 0%,#35e883 45%,#1dcf74 100%);box-shadow:0 0 18px #35e88347}.ghost-btn{color:#e6fff2;background:#ffffff0a;border:1px solid #a0ffd240}.primary-btn:hover,.ghost-btn:hover,.nav-item:hover,.table-btn:hover{transform:translateY(-1px);box-shadow:0 10px 24px #00000038}:focus-visible{outline-offset:3px;outline:2px solid #5dff9c}.large{min-width:160px}.hero-layout{grid-template-columns:minmax(0,1.5fr) minmax(320px,.9fr);align-items:center;gap:28px;max-width:1200px;margin:0 auto;display:grid}.hero-copy,.login-card,.panel-card,.sidebar,.stat-card{background:linear-gradient(145deg,#0c1913f5,#040b08f5);border:1px solid #5effa62e;border-radius:26px;box-shadow:inset 0 1px #ffffff09,0 18px 44px #00000052}.hero-copy,.login-card{min-width:0;padding:28px;animation:.42s ease-out both panel-arrive}.login-card{animation-delay:70ms}@keyframes panel-arrive{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.chip{color:#9af7c8;letter-spacing:.08em;text-transform:uppercase;background:#44f5a51f;border-radius:999px;padding:8px 14px;font-size:.75rem;display:inline-flex}.hero-copy h2{color:#f5fff9;margin:18px 0 16px;font-size:3rem;line-height:1.03}.hero-copy p{color:#e2ffefcc;max-width:620px;margin:0;font-size:1rem}.hero-copy .campaign-copy+.campaign-copy{margin-top:14px}.campaign-facts{font-weight:700;color:#9af7c8!important;margin-top:24px!important;font-size:.9rem!important}.hero-copy .campaign-close{color:#f5fff9;margin-top:12px;font-weight:650}.feature-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:28px;display:grid}.feature-card{background:#ffffff05;border:1px solid #82ffc21f;border-radius:18px;flex-direction:column;gap:8px;padding:18px 16px;display:flex}.feature-card strong{color:#ddffe7;font-size:1rem}.feature-card span{color:#ceffe1bf;font-size:.92rem}.login-card{align-self:stretch}.card-title{letter-spacing:.16em;color:#9af7c8;text-transform:uppercase;margin:0;font-size:.8rem}.login-card h3{color:#f4fff8;margin:12px 0 20px;font-size:2rem}.login-form,.natillera-form{flex-direction:column;gap:18px;display:flex}.login-form label,.natillera-form label,.field-label{color:#d6fbe5;flex-direction:column;gap:7px;font-size:.88rem;font-weight:650;display:flex}.field-wide{grid-column:1/-1}.register-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 12px;display:grid}.register-form .full{grid-column:1/-1}.login-form input,.natillera-form input,.natillera-form textarea,.natillera-form select{color:#fff;box-sizing:border-box;background:#0d1815e6;border:1px solid #91ffca2e;border-radius:14px;padding:14px 16px;font-size:1rem;transition:border-color .18s,box-shadow .18s,background-color .18s}.login-form input:focus,.natillera-form input:focus,.natillera-form textarea:focus,.natillera-form select:focus{border-color:#5dff9cb8;outline:none;box-shadow:0 0 0 4px #35e8831a}.full{width:100%;margin-top:8px}.status-message{color:#b7f7d5;margin-top:18px;font-weight:600}.dashboard-shell{color:#ecfdf5;background:linear-gradient(135deg,#05160f 0%,#0d1f19 100%);grid-template-columns:minmax(0,280px) minmax(0,1fr);min-height:100vh;display:grid}.sidebar{border-radius:0 28px 28px 0;flex-direction:column;gap:24px;min-width:0;height:100vh;min-height:100vh;padding:24px 18px;display:flex;position:sticky;top:0;overflow-y:auto}.sidebar-brand{align-items:center}.user-box{width:100%;color:inherit;text-align:left;cursor:pointer;background:linear-gradient(145deg,#14271dd1,#ffffff06);border:1px solid #98ffd21f;border-radius:18px;flex-direction:row;align-items:center;gap:11px;padding:16px;transition:border-color .18s,background-color .18s,transform .18s;display:flex}.user-box:hover,.user-box.active{background:linear-gradient(145deg,#142f20f0,#08150ef0);border-color:#5dff9c66}.profile-avatar{color:#bafce0;background:#44f5a51f;border:1px solid #5dff9c4d;border-radius:50%;flex:none;place-items:center;width:42px;height:42px;font-size:.82rem;font-weight:800;display:grid}.profile-shortcut-details{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.profile-shortcut-details strong{color:#f0fdf4;text-overflow:ellipsis;white-space:nowrap;font-size:.86rem;overflow:hidden}.profile-shortcut-details small{color:#b9d9c5;text-overflow:ellipsis;white-space:nowrap;font-size:.72rem;overflow:hidden}.profile-shortcut-details em{color:#9af7c8;font-size:.7rem;font-style:normal}.profile-shortcut-action{color:#9af7c8;flex:none;font-size:.72rem;font-weight:700}.nav-list{grid-template-columns:minmax(0,1fr);gap:9px;display:grid}.nav-item{color:#ebfff3;text-align:left;background:#ffffff05;border:1px solid #8effd61a;border-radius:16px;align-items:center;min-height:48px;display:flex}.nav-item.active{background:#44f5a51f;border-color:#44f5a540;box-shadow:inset 3px 0 #35e883}.nav-item.danger{color:#fecaca;background:#f871711a;border-color:#f8717140;grid-column:1/-1;margin-top:6px}.natillera-tabs{background:#030b07b8;border:1px solid #8effd61f;border-radius:18px;gap:5px;width:fit-content;max-width:100%;margin:0 0 18px;padding:5px;display:flex;overflow-x:auto}.natillera-tabs button{color:#c5e9d4;white-space:nowrap;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:13px;min-height:42px;padding:9px 16px;font-weight:700;transition:background-color .18s,color .18s,border-color .18s}.natillera-tabs button:hover{color:#ecfdf5;background:#44f5a512}.natillera-tabs button.active{color:#bafce0;background:#44f5a524;border-color:#44f5a538}.dashboard-main{min-width:0;padding:32px 28px 48px}.dashboard-topbar{justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.status-pill{color:#bafce0;background:#44f5a524;border:1px solid #8fffd62e;border-radius:999px;justify-content:center;align-items:center;padding:8px 14px;font-size:.8rem;font-weight:700;display:inline-flex}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:24px;display:grid}.stat-card{flex-direction:column;gap:8px;padding:22px;transition:transform .2s,border-color .2s;display:flex;position:relative;overflow:hidden}.stat-card:before{content:"";background:#35e883;border-radius:0 0 4px 4px;width:38px;height:3px;position:absolute;top:0;left:22px}.stat-card:hover{border-color:#5effa657;transform:translateY(-3px)}.stat-card span{color:#b9f9d9;letter-spacing:.08em;text-transform:uppercase;font-size:.8rem}.stat-card strong{font-size:1.9rem}.panel-card{margin-bottom:24px;padding:26px;animation:.42s ease-out both panel-arrive}.panel-card h4{margin:0 0 18px;font-size:1.2rem}.payment-accounts{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.payment-account{min-width:0;margin-bottom:10px}.payment-account .eyebrow{margin:0 0 8px}.payment-account dl{margin:0}.payment-account dt{color:#a7f3d0;margin-bottom:6px;font-size:.8rem}.payment-account dd{margin:0}.payment-account-number{color:#ecfdf5;overflow-wrap:anywhere;font-size:1.4rem;font-weight:800}.payment-instructions{color:#b9d9c5;margin:0 0 20px}.payment-pending-list{gap:10px;display:grid}.payment-pending-item{border-top:1px solid #9affd41c;justify-content:space-between;align-items:center;gap:16px;padding:14px 0;display:flex}.payment-pending-item>div{gap:5px;min-width:0;display:grid}.payment-pending-item span{color:#b9d9c5;font-size:.8rem}.terms-backdrop{z-index:20;background:#000000c2;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.terms-dialog{background:#071811;border:1px solid #5dff9c47;border-radius:12px;flex-direction:column;width:min(860px,100%);max-height:min(900px,94vh);padding:20px;display:flex;box-shadow:0 24px 80px #00000080}.terms-dialog-header,.terms-dialog-actions{justify-content:space-between;align-items:center;gap:14px;display:flex}.terms-dialog-header{margin-bottom:14px}.terms-dialog-header .eyebrow{margin:0 0 4px}.terms-dialog-header h4{margin:0}.terms-document{background:#fff;border:1px solid #cbd5ce;border-radius:6px;width:100%;height:min(60vh,610px);min-height:240px}.terms-acceptance{color:#ecfdf5;align-items:flex-start;gap:10px;margin:16px 0;line-height:1.45;display:flex}.terms-acceptance input{accent-color:#35e883;flex:none;width:18px;height:18px;margin:1px 0 0}.terms-dialog-actions{justify-content:flex-end}.profile-details{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0 0 28px;display:grid}.profile-details div{background:#ffffff05;border:1px solid #9affd41c;border-radius:16px;min-width:0;padding:14px 16px}.profile-details dt{color:#a7f3d0;margin-bottom:6px;font-size:.78rem}.profile-details dd{overflow-wrap:anywhere;margin:0}.natillera-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.natillera-form textarea{resize:vertical;min-height:100px}.natillera-form select{appearance:none}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%}tbody tr{transition:background-color .16s}tbody tr:hover{background:#44f5a50b}th,td{text-align:left;border-bottom:1px solid #9affd41a;padding:14px 12px}th{color:#a7f3d0;letter-spacing:.08em;text-transform:uppercase;font-size:.8rem}.table-btn{color:#c7ffe5;background:#44f5a51f;border:1px solid #44f5a538;padding:8px 12px}.state-editor{flex-wrap:wrap;align-items:center;gap:8px;min-width:250px;display:flex}.state-editor select{color:#ecfdf5;background:#0d1815e6;border:1px solid #91ffca33;border-radius:12px;min-height:38px;padding:7px 30px 7px 11px}.review-list{flex-direction:column;gap:18px;display:flex}.review-item{background:linear-gradient(145deg,#0c1913d1,#050d09c7);border:1px solid #5effa624;border-radius:22px;padding:16px}.review-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.review-head strong{color:#ebfff4}.review-head span{color:#9ef8c9;font-size:.8rem}.empty-state{color:#d9ffe9;margin:0}.empty-state.small{font-size:.85rem}.review-table-wrap{overflow-x:auto}.cell-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.status-chip{color:#bafed9;background:#44f5a51f;border:1px solid #44f5a53d;border-radius:999px;justify-content:center;align-items:center;padding:6px 10px;font-size:.72rem;font-weight:700;display:inline-flex}.doc-panel{flex-direction:column;gap:18px;display:flex}.doc-actions{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.doc-actions .field-label{min-width:240px}.driver-documents{flex-direction:column;gap:18px;display:flex}.document-gate-message{color:#c7ffe5;background:#44f5a512;border-left:3px solid #35e883;border-radius:0 12px 12px 0;margin:0;padding:12px 16px}.natillera-member-actions{flex-wrap:wrap;align-items:center;gap:8px;min-width:220px;display:flex}.available-participant-actions{flex-wrap:wrap;align-items:center;gap:8px;min-width:300px;display:flex}.enrollment-document-status{gap:8px;margin:4px 0 14px;display:grid}.document-approval-list{flex-wrap:wrap;gap:7px;display:flex}.payment-proof-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px;display:flex}.document-requirements{border-top:1px solid #9affd41f}.document-requirement{border-bottom:1px solid #9affd41f;grid-template-columns:minmax(0,1fr) minmax(220px,1fr);align-items:center;gap:14px 24px;padding:20px 0;display:grid}.document-requirement-heading{grid-column:1/-1;justify-content:space-between;align-items:center;gap:12px;display:flex}.document-requirement-heading strong{overflow-wrap:anywhere}.document-requirement .field-label input,.document-requirement .field-label textarea{color:#ecfdf5;background:#0d1815e6;border:1px solid #91ffca2e;border-radius:10px;width:100%;min-width:0;padding:10px 12px;transition:border-color .18s,box-shadow .18s,background-color .18s}.document-requirement .field-label input:focus,.document-requirement .field-label textarea:focus{border-color:#5dff9cb8;outline:none;box-shadow:0 0 0 4px #35e8831a}.document-requirement .field-label textarea{resize:vertical;min-height:88px}.document-content-cell{overflow-wrap:anywhere;min-width:200px;max-width:360px}.document-content-cell p,.review-note{color:#d6fbe5;white-space:pre-wrap;overflow-wrap:anywhere;margin:6px 0 0}.document-review-actions{min-width:190px}.document-review-actions button{margin:4px}.review-observation{min-width:170px;margin:4px;font-size:.78rem}.review-observation input{color:#fff;background:#0d1815e6;border:1px solid #91ffca2e;border-radius:10px;width:100%;min-width:0;padding:8px 10px}.status-chip.approved{background:#44f5a52e;border-color:#5dff9c6b}.status-chip.needs-correction{color:#fecaca;background:#f871711a;border-color:#f8717152}.upload-box{color:#dfffe9;cursor:pointer;background:#44f5a50d;border:1px dashed #4cffa673;border-radius:18px;flex-direction:column;gap:8px;min-width:220px;padding:14px 16px;display:inline-flex}.upload-box input{display:none}.upload-status{color:#dbffef;flex-wrap:wrap;align-items:center;gap:12px;display:flex}.upload-status a{color:#8dffbc;font-weight:700;text-decoration:none}.dashboard-message{margin-top:0}@media (width<=1100px){.dashboard-shell{grid-template-columns:minmax(0,230px) minmax(0,1fr)}.sidebar{height:auto;padding:20px 14px;position:static;overflow:visible}.brand-image.sidebar-logo{width:76px;height:76px}.stats-grid,.profile-details,.natillera-form{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-main{padding:28px 22px 40px}}@media (width<=820px){.app-shell{padding:18px 16px 36px}.topbar{grid-template-columns:minmax(0,1fr);justify-items:center;margin-bottom:22px;display:grid}.brand-wrap{justify-content:center}.brand-image{width:96px;height:96px}.hero-layout{grid-template-columns:minmax(0,1fr);gap:16px}.topbar-actions{grid-template-columns:repeat(2,minmax(0,1fr));width:100%;display:grid}.topbar-actions>button{min-width:0;padding:12px 10px}.stats-grid,.natillera-form,.register-form,.profile-details,.document-requirement{grid-template-columns:minmax(0,1fr)}.field-wide,.register-form .full{grid-column:1/-1}.dashboard-shell{grid-template-columns:minmax(0,1fr)}.sidebar{border-radius:0;grid-template-columns:72px minmax(0,1fr);align-items:center;gap:16px 14px;height:auto;min-height:auto;display:grid;position:static;overflow:visible}.sidebar-brand{grid-area:1/1;justify-content:flex-start}.brand-image.sidebar-logo{width:64px;height:64px}.sidebar .user-box{grid-area:1/2;min-width:0;padding:12px 14px}.user-box strong{overflow-wrap:anywhere}.nav-list{grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-main{padding:22px 16px 32px}.hero-copy h2{font-size:2.25rem}.hero-copy,.login-card{padding:22px}.document-requirement-heading{grid-column:1}.document-content-cell,.document-review-actions{min-width:0;max-width:none}}@media (width<=520px){.app-shell{padding:14px 12px 28px}.brand-image{width:84px;height:84px}.hero-copy,.login-card,.panel-card{border-radius:16px;padding:18px}.hero-copy h2{font-size:1.9rem;line-height:1.1}.login-card h3{font-size:1.6rem}.sidebar{grid-template-columns:56px minmax(0,1fr);column-gap:10px;padding:14px 12px}.brand-image.sidebar-logo{width:52px;height:52px}.nav-item{padding:10px 8px;font-size:.88rem}.dashboard-topbar{flex-direction:column;align-items:flex-start}.natillera-tabs{width:100%}.natillera-tabs button{flex:1;padding-inline:10px;font-size:.86rem}.payment-accounts{grid-template-columns:minmax(0,1fr)}.payment-pending-item{flex-direction:column;align-items:flex-start}.terms-backdrop{padding:8px}.terms-dialog{max-height:96vh;padding:14px}.terms-document{height:55vh}.terms-dialog-actions{flex-direction:column-reverse;align-items:stretch}th,td{padding:10px 8px;font-size:.84rem}.doc-actions .field-label,.upload-box{width:100%;min-width:0}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
