*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:#fff8f2;color:#2c2c2c}a{text-decoration:none;color:inherit}button,input,select,textarea{font:inherit}input,select,textarea{width:100%;padding:12px 14px;border:1px solid #e3c5b4;border-radius:12px;background:#fff}button{border:0;cursor:pointer}.btn{border:0;cursor:pointer;padding:12px 16px;border-radius:14px}.btn-primary{background:#d32f2f;color:#fff}.btn-secondary{background:#ffe0b2;color:#7a3d00}.btn-outline{background:transparent;border:1px solid #e3c5b4}.app-shell{display:grid;grid-template-columns:260px 1fr;min-height:100vh}.sidebar{background:#8b1e1e;color:#fff;padding:20px;display:grid;gap:18px}.nav-list{display:grid;gap:10px}.nav-list a{padding:10px 12px;border-radius:10px;background:#ffffff14}.nav-list a.active{background:#f57c00}.page-content{padding:24px}.page-grid{display:grid;gap:20px}.card{background:#fff;border:1px solid #f0d6c6;border-radius:20px;padding:20px;box-shadow:0 10px 28px #0000000f}.kpi-grid{display:grid;gap:16px;grid-template-columns:repeat(3,minmax(0,1fr))}.kpi-card{background:#fff;border:1px solid #f0d6c6;border-radius:20px;padding:20px;box-shadow:0 10px 28px #0000000f}.kpi-card span{display:block;color:#7a7a7a}.kpi-card strong{display:block;margin-top:8px;font-size:28px;color:#d32f2f}.form-grid{display:grid;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr))}.table-wrap{overflow-x:auto}.app-table{width:100%;border-collapse:collapse}.app-table th,.app-table td{border-bottom:1px solid #f0d6c6;padding:10px;text-align:left}.login-shell{min-height:100vh;display:grid;place-items:center;padding:24px}.login-card{width:100%;max-width:420px;background:#fff;border:1px solid #f0d6c6;border-radius:24px;padding:32px;box-shadow:0 10px 28px #00000014;display:grid;gap:14px}.alert-box{border-radius:16px;padding:16px;border:1px solid transparent;display:grid;gap:8px}.alert-warning{background:#fff8e1;border-color:#ffcc80;color:#8d5200}.alert-danger{background:#ffebee;border-color:#ef9a9a;color:#b71c1c}.alert-info{background:#e3f2fd;border-color:#90caf9;color:#0d47a1}.badge{display:inline-block;padding:4px 8px;border-radius:999px;font-size:12px;font-weight:700;margin-left:6px}.badge-warning{background:#fff3e0;color:#ef6c00}.badge-danger{background:#ffebee;color:#c62828}.subscription-banner{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px 18px;border-radius:18px;margin-bottom:18px;border:1px solid transparent}.banner-danger{background:#ffebee;border-color:#ef9a9a;color:#b71c1c}.banner-warning{background:#fff8e1;border-color:#ffcc80;color:#8d5200}.banner-info{background:#e3f2fd;border-color:#90caf9;color:#0d47a1}.landing-shell{min-height:100vh;background:linear-gradient(180deg,#fff8f2,#fff3e8)}.landing-header{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:24px 32px;border-bottom:1px solid #f0d6c6;background:#fffc}.hero{display:grid;grid-template-columns:1.2fr .8fr;gap:24px;align-items:center;padding:48px 32px}.hero-copy h2{font-size:44px;line-height:1.05;margin:0 0 16px;color:#8b1e1e}.hero-copy p{font-size:18px;color:#5d5d5d}.hero-panel{display:grid;gap:16px}.hero-card{background:#fff;border:1px solid #f0d6c6;border-radius:22px;padding:22px;box-shadow:0 12px 24px #0000000f}.hero-card h3{margin:10px 0 8px;font-size:34px;color:#d32f2f}.landing-section{padding:48px 32px}.plans-grid{display:grid;gap:20px;grid-template-columns:repeat(3,minmax(0,1fr))}.plan-card{background:#fff;border:1px solid #f0d6c6;border-radius:22px;padding:24px;box-shadow:0 10px 24px #0000000d}.plan-card.featured{border:2px solid #f57c00}.contact-form-box{background:#fff;border:1px solid #f0d6c6;border-radius:22px;padding:24px;box-shadow:0 10px 24px #0000000d;max-width:980px;margin:0 auto}.full-width{grid-column:1 / -1}.trial-result{margin-top:24px;padding:18px;border-radius:18px;background:#e8f5e9;border:1px solid #a5d6a7;color:#1b5e20}.onboarding-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;display:grid;place-items:center;z-index:999}.onboarding-card{background:#fff;padding:30px;border-radius:20px;width:400px;display:grid;gap:12px}@media (max-width: 900px){.app-shell,.hero,.plans-grid,.kpi-grid,.form-grid{grid-template-columns:1fr}.landing-header,.subscription-banner{flex-direction:column;align-items:flex-start}}.page-hero{background:linear-gradient(135deg,#8b1e1e,#d32f2f);color:#fff;padding:24px 26px;border-radius:24px;box-shadow:0 12px 30px #8b1e1e38}.page-hero h1,.page-hero p{margin:0}.page-hero h1{font-size:36px}.page-hero p{margin-top:8px;font-size:18px;opacity:.92}.card-pro{padding:24px;border-radius:24px}.card-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:18px}.card-head h3,.card-head p{margin:0}.card-head h3{font-size:26px}.card-head p{margin-top:6px;color:#7a7a7a;font-size:17px}.card-body{display:grid;gap:14px}.page-content-pro{background:radial-gradient(circle at top right,rgba(255,213,128,.18),transparent 30%),linear-gradient(180deg,#fff8f2,#fff3e8)}.sidebar-pro{box-shadow:inset -1px 0 #ffffff0f}.brand-box-pro h2,.brand-box-pro small{margin:0}.brand-box-pro h2{font-size:26px}.brand-box-pro small{display:block;margin-top:4px;font-size:14px;opacity:.88}.nav-list-pro a{border-left:4px solid transparent}.nav-list-pro a.active{border-left-color:#ffd180}.login-shell-pro{background:radial-gradient(circle at top left,#ffe0b2 0%,transparent 24%),radial-gradient(circle at bottom right,#ffccbc 0%,transparent 18%),linear-gradient(180deg,#fff8f2,#fff3e8)}.login-card-pro{border:2px solid #f2d5c3}.login-form-pro input{font-size:18px;padding:14px 16px}.btn-big{min-height:52px;font-size:17px}.form-grid-pro{align-items:start}.dashboard-grid{display:grid;gap:20px;grid-template-columns:1fr 1fr}.quick-actions{display:grid;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr))}.quick-action{display:flex;align-items:center;justify-content:center;min-height:82px;border-radius:20px;color:#fff;font-size:20px;font-weight:800;box-shadow:0 10px 24px #00000014}.quick-action.red{background:linear-gradient(135deg,#b71c1c,#e53935)}.quick-action.orange{background:linear-gradient(135deg,#ef6c00,#fb8c00)}.quick-action.yellow{background:linear-gradient(135deg,#f9a825,#fbc02d);color:#5c3b00}.status-list{display:grid;gap:14px}.status-item{display:flex;align-items:center;gap:12px;font-size:18px;font-weight:700}.dot{width:14px;height:14px;border-radius:999px;display:inline-block}.dot.ok{background:#43a047}.dot.warn{background:#fb8c00}.kpi-red{background:linear-gradient(180deg,#fff5f5,#ffe9e9)}.kpi-orange{background:linear-gradient(180deg,#fff7ef,#ffe8d3)}.kpi-yellow{background:linear-gradient(180deg,#fffced,#fff3c4)}.list-grid{display:grid;gap:16px;grid-template-columns:repeat(3,minmax(0,1fr))}.list-card{padding:18px;border-radius:20px;border:1px solid #f0d6c6;box-shadow:0 10px 24px #0000000d}.list-card h4,.list-card p{margin:0}.list-card h4{font-size:22px;margin-bottom:8px}.list-card p{font-size:17px;color:#5d5d5d;margin-top:6px}.list-card-red{background:linear-gradient(180deg,#fff8f8,#ffecec)}.list-card-orange{background:linear-gradient(180deg,#fffaf4,#ffe9d8)}.status-panel{display:grid;gap:14px;grid-template-columns:repeat(3,minmax(0,1fr))}.status-box{padding:16px;border-radius:18px;font-size:18px;font-weight:800;text-align:center}.status-box.red{background:#ffebee;color:#b71c1c}.status-box.orange{background:#fff3e0;color:#ef6c00}.status-box.yellow{background:#fff8e1;color:#8d5200}@media (max-width: 980px){.dashboard-grid,.quick-actions,.list-grid,.status-panel{grid-template-columns:1fr}}.detail-grid{display:grid;gap:16px;grid-template-columns:repeat(3,minmax(0,1fr))}.detail-box{padding:18px;border-radius:20px;text-align:center;box-shadow:0 10px 24px #0000000d}.detail-box span{display:block;font-size:15px;font-weight:700;margin-bottom:8px;opacity:.9}.detail-box strong{display:block;font-size:24px}.detail-box.red{background:linear-gradient(180deg,#fff3f3,#ffe4e4);color:#b71c1c}.detail-box.orange{background:linear-gradient(180deg,#fff6ef,#ffe6d2);color:#d26700}.detail-box.yellow{background:linear-gradient(180deg,#fffdf0,#fff2be);color:#8a5a00}.payment-form{display:grid;gap:14px;grid-template-columns:1fr auto;align-items:center}.plans-top-grid{display:grid;gap:20px;grid-template-columns:1.2fr .8fr}.big-info-text{font-size:19px;line-height:1.5;color:#5d5d5d}.hero-pro{position:relative}.hero-mini-badges{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.hero-mini-badges span{background:#ffe0b2e6;color:#7a3d00;padding:8px 12px;border-radius:999px;font-size:14px;font-weight:800}.hero-card-red{background:linear-gradient(180deg,#fff8f8,#ffecec)}.hero-card-orange{background:linear-gradient(180deg,#fffaf4,#ffe7d2)}.hero-card-yellow{background:linear-gradient(180deg,#fffdf0,#fff2c5)}.benefits-grid{display:grid;gap:20px;grid-template-columns:repeat(3,minmax(0,1fr))}.benefit-card{padding:24px;border-radius:22px;border:1px solid #f0d6c6;box-shadow:0 10px 24px #0000000d}.benefit-card h3,.benefit-card p{margin:0}.benefit-card h3{font-size:24px;margin-bottom:10px}.benefit-card p{font-size:17px;color:#5d5d5d}.benefit-card.red{background:linear-gradient(180deg,#fff5f5,#ffe8e8)}.benefit-card.orange{background:linear-gradient(180deg,#fff8f2,#ffe7d2)}.benefit-card.yellow{background:linear-gradient(180deg,#fffef4,#fff3c9)}@media (max-width: 980px){.detail-grid,.payment-form,.plans-top-grid,.benefits-grid{grid-template-columns:1fr}}.sales-grid{display:grid;gap:20px;grid-template-columns:1.1fr .9fr}.sales-tools{margin-bottom:14px}.product-pills-grid{display:grid;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr))}.product-pill{display:grid;gap:6px;text-align:left;padding:16px;border-radius:18px;border:1px solid #f0d6c6;background:linear-gradient(180deg,#fffaf4,#fed);box-shadow:0 8px 18px #0000000a}.product-pill strong{font-size:18px;color:#8b1e1e}.product-pill span{font-size:18px;font-weight:800;color:#ef6c00}.product-pill small{font-size:14px;color:#7a7a7a}.ticket-list{display:grid;gap:12px;margin-top:10px;margin-bottom:18px}.ticket-item{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;border-radius:18px;background:linear-gradient(180deg,#fff8f8,#fff0f0);border:1px solid #f4d6d6}.ticket-item strong{font-size:18px}.ticket-item p{margin:6px 0 0;color:#666;font-size:16px}.empty-ticket{padding:18px;border-radius:18px;background:#fff8e1;color:#8d5200;font-weight:700;text-align:center}.total-box{display:flex;justify-content:space-between;align-items:center;padding:18px 20px;border-radius:20px;background:linear-gradient(90deg,#8b1e1e,#d32f2f);color:#fff;margin-bottom:16px}.total-box span{font-size:18px;font-weight:700}.total-box strong{font-size:30px}.info-chip{display:flex;align-items:center;justify-content:center;min-height:52px;padding:10px 14px;border-radius:14px;background:#fff3e0;color:#a45c00;font-weight:800}.fiscal-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.colorful-table .btn,.app-table .btn{min-height:42px;padding:10px 14px;font-size:15px;border-radius:12px}.colorful-table .btn-primary,.app-table .btn-primary{background:linear-gradient(135deg,#c62828,#e53935);color:#fff}.colorful-table .btn-secondary,.app-table .btn-secondary{background:linear-gradient(135deg,#ef6c00,#fb8c00);color:#fff}@media (max-width: 980px){.sales-grid,.product-pills-grid,.fiscal-grid{grid-template-columns:1fr}.total-box strong{font-size:24px}}.ticket-table{display:grid;gap:10px;margin-top:10px;margin-bottom:18px}.ticket-header{display:grid;grid-template-columns:2fr 110px 140px 140px 110px;gap:12px;padding:12px 14px;border-radius:16px;background:linear-gradient(90deg,#8b1e1e,#d32f2f);color:#fff;font-weight:800;font-size:15px}.ticket-row-pro{display:grid;grid-template-columns:2fr 110px 140px 140px 110px;gap:12px;align-items:center;padding:14px;border-radius:18px;background:linear-gradient(180deg,#fff8f8,#fff0f0);border:1px solid #f4d6d6}.ticket-col-product{display:grid;gap:4px}.ticket-col-product strong{font-size:17px}.ticket-col-product small{color:#777;font-size:13px}.qty-input{min-width:80px;text-align:center;font-weight:700}.ticket-money{font-weight:800;color:#8b1e1e;font-size:16px}@media (max-width: 980px){.ticket-header{display:none}.ticket-row-pro{grid-template-columns:1fr}.ticket-money{font-size:18px}}
