:root{--shell-bg: linear-gradient(135deg, #0f172a 0%, #0f172a 60%, #115e59 100%);--green-shade: rgba(23, 107, 99, .95);--blue-shade: rgba(21, 91, 122, .95);--bg: #ecefe6;--surface: #e8ecdf;--card: #ffffff;--card-strong: #f8faf7;--border: #c6cec0;--border-soft: #d2d9cd;--text: #0f172a;--muted: #4a5f78;--primary: #176b63;--secondary: #155b7a;--danger: #b91c1c}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{background:var(--bg);color:var(--text);font-family:Segoe UI,Tahoma,sans-serif}h1,h2,p{margin:0}a{color:inherit;text-decoration:none}.boot-screen,.login-screen{min-height:100vh;display:grid;place-items:center;padding:24px;background:var(--shell-bg)}.boot-card,.login-card{width:min(500px,100%);border:1px solid rgba(255,255,255,.2);border-radius:16px;background:linear-gradient(160deg,var(--green-shade),var(--blue-shade));color:#f8fafc;box-shadow:0 20px 30px #00000038}.boot-card{width:fit-content;padding:16px 20px}.login-card{padding:24px;display:grid;gap:14px}.login-brand{display:flex;align-items:center;gap:12px}.login-brand-centered{justify-content:center}.login-logo{flex-shrink:0}.login-logo-text{width:min(260px,86%);height:auto;display:block}.login-kicker{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#a7f3d0}.login-subtext{color:#dbeafe;font-size:14px}.login-form,.form-stack{display:grid;gap:10px}.security-note{color:#bfdbfe;font-size:12px}.app-shell{min-height:100vh;display:grid;grid-template-columns:280px 1fr;background:var(--surface)}.app-shell-user{grid-template-columns:1fr}.sidebar{background:var(--shell-bg);color:#f8fafc;padding:24px 18px;display:grid;grid-template-rows:auto 1fr;gap:20px}.brand{display:grid;gap:8px}.brand-row{display:flex;align-items:center;gap:10px}.brand-logo{flex-shrink:0}.brand-kicker{text-transform:uppercase;letter-spacing:.12em;font-size:11px;color:#99f6e4}.brand-subtext{font-size:13px;color:#e2e8f0}.nav-list{display:grid;gap:8px;align-content:start}.sidebar-logout{margin-top:auto}.nav-link{border:1px solid rgba(226,232,240,.24);background:#0f172a61;border-radius:10px;padding:10px}.nav-link-active{border-color:#99f6e4a6;background:#176b6373}.content-area{display:grid;grid-template-rows:auto 1fr;min-width:0}.topbar{background:#f2f4ee;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;gap:12px;align-items:center;padding:14px 18px;flex-wrap:wrap}.org-picker{display:grid;gap:4px}.org-picker-clean{min-width:320px}.org-picker label{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.org-header-brand{display:flex;align-items:center;gap:10px;margin-bottom:6px}.org-header-logo{width:28px;height:28px;border-radius:6px;object-fit:contain;background:#fff;border:1px solid var(--border);padding:2px}.org-header-logo-fallback{display:inline-flex;align-items:center;justify-content:center}.topbar-actions,.action-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.inline-form-row{display:flex;gap:10px;align-items:flex-end;flex-wrap:wrap;margin-bottom:12px}.inline-form-row>div{min-width:170px}.inline-form-row label{display:block;font-size:12px;color:var(--muted);margin-bottom:4px}.user-meta{display:grid;text-align:right}.user-meta small{color:var(--muted);font-size:11px}.page-body{padding:16px;background:var(--bg)}.stack-grid{display:grid;gap:14px}.two-column{grid-template-columns:repeat(2,minmax(0,1fr))}.card-span-2{grid-column:1 / -1}.card,.metric-card{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:14px;box-shadow:0 1px #0f172a0f,0 2px 8px #0f172a08}.section-header,.section-footer{display:flex;justify-content:space-between;gap:10px;align-items:center;flex-wrap:wrap}.section-footer{margin-top:14px}.top-tabs{display:inline-flex;background:#edf2ee;border:1px solid var(--border);border-radius:10px;padding:4px;gap:4px}.tab-btn{background:transparent;border:1px solid transparent;color:var(--text);padding:8px 14px;border-radius:8px}.tab-btn-active{background:#fff;border-color:var(--border);box-shadow:0 1px 4px #0f172a14}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse}th,td{border-bottom:1px solid var(--border-soft);text-align:left;padding:8px;vertical-align:middle}input,select,button,textarea{border:1px solid var(--border);border-radius:8px;padding:9px 10px;font:inherit}input,select,textarea{width:100%;background:#fff}input::placeholder,textarea::placeholder{color:#64748b;opacity:1}button{cursor:pointer}.primary-button{background:var(--primary);color:#fff;border-color:var(--primary)}.secondary-button{background:var(--card-strong);color:var(--text);border-color:var(--border)}.icon-button{min-width:42px;padding:8px 10px;font-size:18px;line-height:1}.danger-button{background:#fff1f2;color:var(--danger);border-color:#fecdd3}.role-chip{border-radius:999px;padding:5px 10px;font-size:12px;font-weight:600}.role-chip-admin{background:#ccfbf1;color:#0f766e}.role-chip-member{background:#dbeafe;color:#1e3a8a}.metric-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px}.metric-card span{display:block;color:var(--muted);font-size:12px;margin-bottom:4px}.metric-card strong{font-size:20px}.metric-card-highlight{background:#e5f0eb;border-color:#b7ccc0}.meter-track{width:120px;max-width:100%;height:8px;background:#dce4da;border-radius:999px;overflow:hidden}.meter-fill{height:100%;background:var(--primary)}.code-block{max-height:280px;overflow:auto;background:#0f172a;color:#f1f5f9;border:1px solid #1e293b;border-radius:10px;padding:10px;font-size:12px}.muted-text{color:var(--muted)}.list-cards{list-style:none;margin:0;padding:0;display:grid;gap:10px}.pill{width:100%;text-align:left;display:grid;gap:4px;background:#f8faf7;border:1px solid var(--border);border-radius:10px;padding:10px}.pill span{color:var(--muted);font-size:12px}.pill-active{border-color:#7fb9ac;background:#eef7f2}.company-details-card{border:1px solid #b7ccc0;background:#e8f1ec;border-radius:10px;padding:10px;margin-bottom:10px}.company-details-card strong{display:block;margin-bottom:4px;color:#0f172a}.company-details-card p{color:#2f465f;font-size:13px}.logo-upload-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.upload-button{display:inline-flex;align-items:center;justify-content:center}.hidden-file-input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.company-logo-preview{width:44px;height:44px;object-fit:contain;border-radius:8px;border:1px solid var(--border);background:#fff;padding:2px}.invite-summary-card{background:#f8fafc;border-color:#cbd5e1;color:#0f172a}.invite-summary-card strong{color:#0f172a}.payment-meta-list,.payment-summary-list{display:grid;gap:8px;margin-top:10px}.payment-meta-list div,.payment-summary-list div{display:flex;justify-content:space-between;gap:8px;border-bottom:1px solid var(--border-soft);padding-bottom:6px}.payment-meta-list strong,.payment-summary-list strong{font-size:12px;color:var(--muted)}.payment-plan-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.payment-plan-grid-fixed-3{grid-template-columns:repeat(3,minmax(220px,1fr))}.payment-plan-card{border:0;border-radius:16px;background:#f8fafc;padding:16px;display:grid;gap:10px;box-shadow:0 10px 24px #0f172a14}.payment-plan-card-featured{background:linear-gradient(180deg,#0b1836,#071327);color:#e2e8f0}.payment-plan-card-featured .muted-text,.payment-plan-card-featured .payment-feature-list{color:#cbd5e1}.payment-plan-card-featured .payment-plan-price{color:#fff}.payment-plan-card-selected{background:linear-gradient(180deg,#f0f9ff,#ecfeff);box-shadow:0 14px 28px #0d948833}.payment-plan-card-featured.payment-plan-card-selected{background:linear-gradient(180deg,#0d1f46,#0a2436);box-shadow:0 16px 30px #0cafc438}.payment-plan-card h3{margin:0}.payment-plan-price{font-size:20px;font-weight:700}.payment-feature-list{margin:0;padding-left:18px;color:#1f2937;display:grid;gap:4px}.payment-hint{margin-top:8px}.billing-cycle-inline{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:10px 0 2px;flex-wrap:wrap}.billing-cycle-inline strong{font-size:13px;color:#0f172a}.top-tabs-compact .tab-btn{padding:6px 14px}.paypal-checkout-panel{margin-top:16px;padding:12px;border:1px solid var(--border);border-radius:10px;background:#f8fafc;display:grid;gap:10px}.paypal-checkout-panel h3{margin:0}.payment-invoice-wrap{max-height:320px;overflow-y:auto;padding-right:4px}.invoice-action-btn{border:1px solid transparent;border-radius:8px;padding:6px 10px;font-size:13px;font-weight:600;cursor:pointer;transition:all .15s ease}.invoice-action-btn-primary{background:#0f766e;color:#fff}.invoice-action-btn-primary:hover{background:#115e59}.invoice-action-btn-secondary{background:#e2e8f0;color:#0f172a;border-color:#cbd5e1}.invoice-action-btn-secondary:hover{background:#cbd5e1}.alert-error,.alert-success,.alert-warning{padding:10px;border-radius:8px;border:1px solid transparent;font-size:14px}.alert-error{background:#fef2f2;border-color:#fecaca;color:#b91c1c}.alert-success{background:#ecfdf5;border-color:#bbf7d0;color:#047857}.alert-warning{background:#fffbeb;border-color:#fde68a;color:#b45309}@media(max-width:1024px){.app-shell,.two-column{grid-template-columns:1fr}.card-span-2{grid-column:auto}.payment-plan-grid-fixed-3{grid-template-columns:repeat(2,minmax(220px,1fr))}}@media(max-width:700px){.payment-plan-grid-fixed-3{grid-template-columns:1fr}}