:root{--brand:#d97706;--brand-dark:color-mix(in srgb, var(--brand) 80%, black);--charcoal:#222;--bg:#efece6;--card:#fff;--text:#212529;--muted:#5c5f60;--border:#d8d2c8;--danger:#b30015;--ok:#2f7d32;--radius:10px;--shadow:0 1px 3px #00000014, 0 8px 24px #0000000f;--font-head:"Oswald", "Roboto Condensed", "Arial Narrow", sans-serif;--font-body:"Roboto Condensed", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%}body{font-family:var(--font-body);background:var(--bg);color:var(--text);margin:0;font-size:16px;line-height:1.5}h1,h2,h3{font-family:var(--font-head);letter-spacing:.01em;font-weight:600}a{color:var(--brand)}.app{background:var(--bg);flex-direction:column;max-width:560px;min-height:100%;margin:0 auto;display:flex}.topbar{z-index:10;color:var(--text);border-bottom:3px solid var(--brand);padding:10px 16px;padding-top:max(10px, env(safe-area-inset-top));background:#fff;justify-content:space-between;align-items:center;gap:12px;display:flex;position:sticky;top:0}.topbar .brand-row{align-items:center;gap:12px;min-width:0;display:flex}.topbar .logo-img{flex-shrink:0;width:auto;height:34px}.topbar .titles{min-width:0}.topbar h1{text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:15px;font-weight:600;overflow:hidden}.topbar .who{color:var(--muted);font-size:12px}.content{flex-direction:column;flex:1;gap:14px;padding:16px 16px 96px;display:flex}.card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);border:1px solid var(--border);padding:16px}.card h2{text-transform:uppercase;letter-spacing:.08em;color:var(--brand);margin:0 0 12px;font-size:14px;font-weight:600}.row{align-items:center;gap:10px;display:flex}.row.between{justify-content:space-between}.stack{flex-direction:column;gap:10px;display:flex}label{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:4px;font-size:13px;display:block}input,select,textarea{border:1px solid var(--border);width:100%;color:var(--text);background:#fff;border-radius:8px;padding:12px 14px;font-family:inherit;font-size:16px}input:focus,select:focus,textarea:focus{outline:2px solid var(--brand);outline-offset:0;border-color:var(--brand)}textarea{resize:vertical;min-height:72px}button,a.button{font-family:var(--font-head);letter-spacing:.03em;text-transform:uppercase;background:var(--brand);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:13px 18px;font-size:16px;font-weight:600;transition:filter .15s}a.button{text-align:center;text-decoration:none;display:block}button:active{filter:brightness(.9)}button:disabled{opacity:.5;cursor:default}button.secondary,a.button.secondary{color:var(--charcoal);border:1px solid var(--border);background:#f0ece5}button.danger,button.charcoal{background:var(--charcoal)}button.big{width:100%;padding:20px;font-size:19px}button.ghost{color:var(--brand);background:0 0;padding:6px 10px;font-size:13px}.pill{letter-spacing:.03em;color:var(--charcoal);font-size:12px;font-weight:700;font-family:var(--font-head);background:#f0ece5;border-radius:999px;padding:3px 10px;display:inline-block}.pill.live{background:var(--brand);color:#fff}.big-clock{font-family:var(--font-head);font-variant-numeric:tabular-nums;letter-spacing:.02em;color:var(--charcoal);font-size:44px;font-weight:600}.muted{color:var(--muted);font-size:14px}.list{flex-direction:column;gap:8px;display:flex}.list-item{background:var(--card);border:1px solid var(--border);border-radius:8px;flex-direction:column;gap:4px;padding:12px 14px;display:flex}.list-item .title{font-weight:700;font-family:var(--font-head)}.list-item .row.between{flex-wrap:wrap;gap:6px 10px}.list-item .sub{color:var(--muted);font-size:13px}.error{color:var(--danger);border-left:4px solid var(--brand);background:#fde7e9;border-radius:8px;padding:10px 14px;font-size:14px}.success{color:var(--ok);border-left:4px solid var(--ok);background:#e6f2e6;border-radius:8px;padding:10px 14px;font-size:14px}.bottom-nav{border-top:1px solid var(--border);max-width:560px;padding:8px 4px;padding-bottom:max(8px, env(safe-area-inset-bottom));z-index:20;background:#fff;justify-content:space-around;margin:0 auto;display:flex;position:fixed;bottom:0;left:0;right:0}.bottom-nav a{text-align:center;color:var(--muted);font-size:11px;font-family:var(--font-head);text-transform:uppercase;letter-spacing:.04em;flex-direction:column;flex:1;align-items:center;gap:3px;padding:4px 0;text-decoration:none;display:flex}.bottom-nav a.active{color:var(--brand)}.bottom-nav .ico{font-size:20px;line-height:1;position:relative}.nav-badge{background:var(--brand);color:#fff;text-align:center;border-radius:999px;min-width:16px;height:16px;padding:0 4px;font-size:10px;font-weight:700;line-height:16px;position:absolute;top:-6px;right:-12px}.tabs{background:#f0ece5;border-radius:8px;gap:6px;padding:4px;display:flex}.tabs button{color:var(--muted);background:0 0;border-radius:6px;flex:1;padding:8px 10px;font-size:13px}.tabs button.active{color:var(--brand);box-shadow:var(--shadow);background:#fff}.table-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto}table.data{border-collapse:collapse;white-space:nowrap;width:100%;font-size:13px}table.data th,table.data td{text-align:right;border-bottom:1px solid var(--border);padding:8px 10px}table.data th:first-child,table.data td:first-child{text-align:left;background:var(--card);position:sticky;left:0}table.data thead th{font-family:var(--font-head);text-transform:uppercase;letter-spacing:.04em;color:var(--muted);font-size:11px}table.data tr.neg td{color:var(--danger)}.kpi-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.kpi{border:1px solid var(--border);text-align:center;background:#f7f4ef;border-radius:8px;padding:10px}.kpi .v{font-family:var(--font-head);color:var(--charcoal);font-size:20px;font-weight:600}.kpi .l{color:var(--muted);text-transform:uppercase;letter-spacing:.03em;font-size:11px}.hub-link{background:var(--card);border:1px solid var(--border);color:var(--text);font-family:var(--font-head);border-radius:10px;align-items:center;gap:12px;padding:14px 16px;font-weight:600;text-decoration:none;display:flex}.hub-link .ico{font-size:22px}.hub-link .chev{color:var(--muted);margin-left:auto}.status-dot{font-size:11px;font-weight:700;font-family:var(--font-head);border-radius:999px;padding:2px 8px;display:inline-block}.status-PENDING{color:#b26a00;background:#fff3e0}.status-APPROVED{color:var(--ok);background:#e6f2e6}.status-REJECTED{color:var(--danger);background:#fde7e9}.status-CANCELLED{color:var(--muted);background:#eee}.login-wrap{flex-direction:column;justify-content:center;gap:18px;max-width:420px;min-height:100%;margin:0 auto;padding:24px;display:flex}.brand{text-align:center}.brand .logo-img{width:auto;height:64px;margin-bottom:14px}.brand h1{text-transform:uppercase;letter-spacing:.06em;margin:0;font-size:22px}.brand .sub{color:var(--muted);margin:4px 0 0}.demo-hint{color:var(--muted);text-align:center;font-size:12px;line-height:1.7}.spinner{text-align:center;color:var(--muted);padding:40px}hr.sep{border:none;border-top:1px solid var(--border);margin:4px 0}.logo-fallback{font-family:var(--font-head);color:var(--brand);align-items:center;gap:8px;font-size:20px;font-weight:700;display:inline-flex}.logo-fallback img{height:36px}.brand .logo-fallback{font-size:26px}.brand .logo-fallback img{height:56px}.hero{text-align:center;padding:32px 8px 8px}.hero h1{margin:12px 0 8px;font-size:30px}.hero p{color:var(--muted);margin:0 0 16px}.feature-list{color:var(--text);margin:0;padding-left:20px}.slug-input{align-items:center;gap:6px;display:flex}.slug-input input{flex:1;min-width:0}.slug-input .suffix{color:var(--muted);white-space:nowrap;font-size:14px}.field-error{color:var(--danger);margin-top:4px;font-size:13px}.color-row{align-items:center;gap:10px;display:flex}.color-row input[type=color]{width:56px;height:44px;padding:2px}.logo-preview{max-width:220px;max-height:64px;display:block}.status-suspended{color:var(--danger);font-weight:700}.app--wide{max-width:1240px}.company-row{background:var(--card);border:1px solid var(--border);border-radius:8px;flex-direction:column;gap:8px;padding:12px 14px;display:flex}.company-row__main{justify-content:space-between;align-items:center;gap:10px;display:flex}.company-row__main .title{font-weight:700;font-family:var(--font-head)}.company-row__meta{color:var(--muted);flex-direction:column;gap:2px;font-size:13px;display:flex}.company-row__actions{gap:8px;display:flex}.platform-grid{flex-direction:column;gap:14px;display:flex}@media (width>=860px){.app--wide .topbar{padding:16px 40px}.app--wide .content{gap:24px;padding:32px 40px 56px}.company-row{flex-direction:row;align-items:center;gap:20px;padding:14px 18px}.company-row__main{flex:0 0 260px;justify-content:flex-start;gap:12px}.company-row__meta{flex-direction:row;flex:1;gap:28px}.company-row__actions{flex:none;margin-left:auto}.platform-grid{grid-template-columns:1fr 1fr;align-items:start;gap:20px;display:grid}}.landing{background:var(--bg);color:var(--text);overflow-x:clip}.landing-container{max-width:1160px;margin:0 auto;padding:0 24px}.landing-section{padding:88px 0}.landing-section--alt{background:var(--card);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.landing-section-head{max-width:620px;margin:0 0 44px}.landing-section-head.center{text-align:center;margin-left:auto;margin-right:auto}.landing-eyebrow{font-family:var(--font-head);text-transform:uppercase;letter-spacing:.08em;color:var(--brand);background:color-mix(in srgb, var(--brand) 12%, transparent);border-radius:999px;margin-bottom:14px;padding:4px 12px;font-size:12px;font-weight:700;display:inline-block}.landing-section-head h2{margin:0 0 10px;font-size:30px}.landing-section-head p{color:var(--muted);margin:0;font-size:16px}.landing-nav{z-index:30;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--border);background:#efece6e6;position:sticky;top:0}.landing-nav-inner{justify-content:space-between;align-items:center;gap:20px;padding:14px 24px;display:flex}.landing-nav-links{align-items:center;gap:28px;display:flex}.landing-nav-links a{color:var(--text);font-size:14px;font-weight:600;text-decoration:none}.landing-nav-links a:hover{color:var(--brand)}.landing-nav-cta{align-items:center;gap:18px;display:flex}.landing-nav-cta a.login-link{color:var(--text);font-size:14px;font-weight:600;text-decoration:none}.landing-nav-cta button,.landing-nav-cta a.button{padding:10px 18px;font-size:14px}@media (width<=720px){.landing-nav-links{display:none}}.landing-hero{grid-template-columns:1.05fr .95fr;align-items:center;gap:48px;padding:76px 0 88px;display:grid}.landing-hero h1{margin:0 0 18px;font-size:44px;line-height:1.12}.landing-hero h1 span{color:var(--brand)}.landing-hero-lead{color:var(--muted);max-width:480px;margin:0 0 28px;font-size:18px}.landing-hero-actions{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.landing-hero-actions a.button{width:auto;padding:16px 26px;display:inline-block}.landing-hero-trust{color:var(--muted);margin:20px 0 0;font-size:13px}@media (width<=900px){.landing-hero{text-align:center;grid-template-columns:1fr;padding:48px 0 56px}.landing-hero-lead{margin-left:auto;margin-right:auto}.landing-hero-actions{justify-content:center}}.mockup-window{background:var(--card);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:16px;padding:0 0 20px;position:relative;overflow:hidden}.mockup-titlebar{border-bottom:1px solid var(--border);background:#f7f4ef;align-items:center;gap:6px;padding:12px 16px;display:flex}.mockup-dot{background:var(--border);border-radius:999px;width:9px;height:9px}.mockup-body{flex-direction:column;gap:16px;padding:22px 22px 0;display:flex}.mockup-clock-row{justify-content:space-between;align-items:baseline;display:flex}.mockup-bar{background:#ece7dd;border-radius:999px;height:10px}.mockup-skeleton{flex-direction:column;gap:8px;display:flex}.mockup-kpis{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.mockup-badge{background:var(--charcoal);color:#fff;font-family:var(--font-head);box-shadow:var(--shadow);border-radius:999px;align-items:center;gap:6px;padding:8px 16px;font-size:12px;font-weight:700;display:flex;position:absolute;top:18px;right:-14px}.mockup-badge .dot{background:#4caf50;border-radius:999px;width:7px;height:7px;box-shadow:0 0 0 3px #4caf5040}.landing-logos-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;display:flex}.logo-placeholder{border:1px solid var(--border);font-family:var(--font-head);color:var(--muted);letter-spacing:.02em;background:#f0ece5;border-radius:8px;padding:10px 20px;font-size:13px;font-weight:600}.landing-features-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.feature-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:24px}.feature-card .ico{background:color-mix(in srgb, var(--brand) 14%, transparent);border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:14px;font-size:26px;display:inline-flex}.feature-card h3{font-family:var(--font-head);margin:0 0 8px;font-size:17px}.feature-card p{color:var(--muted);margin:0;font-size:14px;line-height:1.55}@media (width<=900px){.landing-features-grid{grid-template-columns:1fr 1fr}}@media (width<=600px){.landing-features-grid{grid-template-columns:1fr}}.landing-steps{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.step-card{padding:0 8px;position:relative}.step-number{background:var(--brand);color:#fff;width:40px;height:40px;font-family:var(--font-head);border-radius:999px;justify-content:center;align-items:center;margin-bottom:16px;font-weight:700;display:flex}.step-card h3{font-family:var(--font-head);margin:0 0 8px;font-size:16px}.step-card p{color:var(--muted);margin:0;font-size:14px;line-height:1.55}@media (width<=800px){.landing-steps{grid-template-columns:1fr;gap:32px}}.landing-testimonials-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.testimonial-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:16px;padding:24px;display:flex}.testimonial-card blockquote{color:var(--text);margin:0;font-size:15px;line-height:1.6}.testimonial-footer{align-items:center;gap:12px;display:flex}.avatar-circle{background:color-mix(in srgb, var(--brand) 20%, white);width:42px;height:42px;color:var(--brand-dark);font-family:var(--font-head);border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;font-weight:700;display:flex}.testimonial-who .name{font-size:14px;font-weight:700}.testimonial-who .role{color:var(--muted);font-size:12px}@media (width<=900px){.landing-testimonials-grid{grid-template-columns:1fr}}.landing-pricing-grid{grid-template-columns:repeat(3,1fr);align-items:stretch;gap:20px;display:grid}.price-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:18px;padding:28px 24px;display:flex;position:relative}.price-card.featured{border-color:var(--brand);box-shadow:var(--shadow)}.price-badge{background:var(--brand);color:#fff;font-family:var(--font-head);text-transform:uppercase;letter-spacing:.04em;border-radius:999px;padding:4px 10px;font-size:11px;font-weight:700;position:absolute;top:-12px;right:20px}.price-card h3{font-family:var(--font-head);margin:0;font-size:18px}.price-card .price-sub{color:var(--muted);margin:-12px 0 0;font-size:13px}.price-amount{font-family:var(--font-head);color:var(--charcoal);font-size:34px;font-weight:700}.price-amount span{color:var(--muted);font-size:14px;font-weight:500}.price-list{flex-direction:column;flex:1;gap:10px;margin:0;padding:0;list-style:none;display:flex}.price-list li{align-items:flex-start;gap:8px;font-size:14px;display:flex}.price-list li:before{content:"✓";color:var(--ok);flex-shrink:0;font-weight:700}@media (width<=900px){.landing-pricing-grid{grid-template-columns:1fr}.price-card.featured{order:-1}}.landing-login-widget{max-width:440px;margin:0 auto}.landing-faq{flex-direction:column;gap:12px;max-width:760px;margin:0 auto;display:flex}.faq-item{background:var(--card);border:1px solid var(--border);border-radius:10px;padding:4px 20px}.faq-item summary{cursor:pointer;font-family:var(--font-head);justify-content:space-between;align-items:center;gap:12px;padding:16px 0;font-size:15px;font-weight:600;list-style:none;display:flex}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:"+";color:var(--brand);flex-shrink:0;font-size:20px;transition:transform .15s}.faq-item[open] summary:after{transform:rotate(45deg)}.faq-item p{color:var(--muted);margin:0 0 18px;font-size:14px;line-height:1.6}.landing-cta-band{background:var(--charcoal);color:#fff;text-align:center;border-radius:20px;margin:0 24px;padding:56px 40px}.landing-cta-band h2{margin:0 0 12px;font-size:28px}.landing-cta-band p{color:#cfcac1;margin:0 0 26px}.landing-cta-band a.button{width:auto;padding:16px 30px;display:inline-block}.landing-footer{background:var(--charcoal);color:#cfcac1;margin-top:24px;padding:56px 0 28px}.landing-footer-top{flex-wrap:wrap;justify-content:space-between;gap:40px;margin-bottom:40px;display:flex}.landing-footer-brand .logo-fallback{color:#fff;font-size:20px}.landing-footer-brand p{max-width:260px;margin:12px 0 0;font-size:13px;line-height:1.6}.landing-footer-cols{flex-wrap:wrap;gap:56px;display:flex}.landing-footer-col h4{font-family:var(--font-head);text-transform:uppercase;letter-spacing:.06em;color:#fff;margin:0 0 14px;font-size:12px}.landing-footer-col a,.landing-footer-col span{color:#cfcac1;margin-bottom:10px;font-size:14px;text-decoration:none;display:block}.landing-footer-col a:hover{color:#fff}.landing-footer-bottom{color:#9a958c;border-top:1px solid #ffffff1f;flex-wrap:wrap;justify-content:space-between;gap:10px;padding-top:22px;font-size:12px;display:flex}@media (width<=720px){.landing-section{padding:56px 0}.landing-cta-band{margin:0 16px;padding:40px 24px}.landing-footer-top{flex-direction:column}}