:root{--royal-black: #121212;--royal-black-soft: #1e1e1e;--royal-yellow: #ffcc00;--royal-yellow-dark: #e6b800;--royal-gold-soft: rgba(255, 204, 0, .14);--royal-white: #ffffff;--royal-gray-100: #f5f5f5;--royal-gray-200: #e8e8e8;--royal-gray-400: #9e9e9e;--royal-gray-600: #616161;--royal-surface: rgba(255, 255, 255, .86);--radius: 12px;--radius-sm: 8px;--radius-lg: 20px;--shadow: 0 10px 30px rgba(18, 18, 18, .1);--shadow-strong: 0 18px 50px rgba(18, 18, 18, .16);--font: "Segoe UI Variable", "Segoe UI", system-ui, -apple-system, sans-serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%}body{font-family:var(--font);background:radial-gradient(circle at top left,rgba(255,204,0,.22),transparent 34%),radial-gradient(circle at right top,rgba(18,18,18,.08),transparent 28%),linear-gradient(180deg,#faf7ef,#f2f3f6 38%,#edf0f3);color:var(--royal-black);line-height:1.5;min-height:100dvh}#root{min-height:100dvh}.app{min-height:100dvh;display:flex;flex-direction:column}.header{background:linear-gradient(135deg,#101010,#1b1b1b 60%,#252525);padding:1.4rem 1rem 1.15rem;text-align:center;box-shadow:0 10px 30px #12121238}.header-brand{font-size:1.85rem;font-weight:800;letter-spacing:-.02em}.logo-royal{color:var(--royal-yellow)}.logo-pago{color:var(--royal-white)}.header-subtitle{color:var(--royal-gray-400);font-size:.85rem;margin-top:.25rem}.nav-tabs{display:flex;background:#121212f5;overflow-x:auto;-webkit-overflow-scrolling:touch;box-shadow:inset 0 -1px #ffffff0a}.nav-tab{flex:1;min-width:max-content;padding:.875rem 1rem;text-align:center;color:var(--royal-gray-400);text-decoration:none;font-size:.875rem;font-weight:600;border-bottom:3px solid transparent;transition:color .15s,border-color .15s;white-space:nowrap}.nav-tab:hover{color:var(--royal-white)}.nav-tab.active{color:var(--royal-yellow);border-bottom-color:var(--royal-yellow)}.main-content{flex:1;padding:1rem;max-width:1280px;margin:0 auto;width:100%}.page{display:flex;flex-direction:column;gap:1rem}.page-header,.recebimento-form,.result-card,.global-controls,.rate-table-wrapper{border:1px solid rgba(18,18,18,.06);background:var(--royal-surface);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow)}.page-header{padding:1.1rem 1.1rem .1rem;border-radius:var(--radius-lg);position:relative;overflow:hidden}.page-header:after{content:"";position:absolute;inset:auto -12% -65% auto;width:220px;height:220px;background:radial-gradient(circle,rgba(255,204,0,.2) 0%,transparent 72%);pointer-events:none}.page-header h1{font-size:1.425rem;font-weight:800;letter-spacing:-.03em;margin-bottom:.25rem}.page-desc{color:var(--royal-gray-600);font-size:.92rem;margin-bottom:1rem;max-width:70ch}.mode-tabs{display:flex;gap:.5rem;margin-bottom:0}.mode-tab{flex:1;padding:.75rem 1rem;border:1px solid rgba(18,18,18,.08);border-radius:999px;background:var(--royal-white);font-size:.875rem;font-weight:600;cursor:pointer;transition:transform .15s,background .15s,box-shadow .15s,border-color .15s;color:var(--royal-black);box-shadow:0 6px 18px #1212120a}.mode-tab:hover{border-color:#ffcc00d9;transform:translateY(-1px)}.mode-tab.active{background:linear-gradient(180deg,var(--royal-yellow) 0%,#ffd83d 100%);border-color:var(--royal-yellow);color:var(--royal-black);box-shadow:0 12px 24px #ffcc0038}.global-controls{display:grid;grid-template-columns:1fr;gap:.8rem;margin-bottom:1rem;padding:1rem;border-radius:var(--radius-lg)}@media (min-width: 640px){.global-controls{grid-template-columns:repeat(2,minmax(0,1fr));align-items:end}display: inline-flex;width: max-content;.global-controls .input-group{justify-self:start;align-self:center}white-space: nowrap;.global-controls .btn-secondary,.global-controls .btn-primary{align-self:stretch}}.input-group{display:flex;flex-direction:column;gap:.375rem}.input-label{font-size:.8rem;font-weight:600;color:var(--royal-gray-600)}.input-field,.select-field{width:100%;padding:.75rem 1rem;border:1px solid rgba(18,18,18,.12);border-radius:var(--radius-sm);font-size:1rem;font-family:inherit;background:var(--royal-white);transition:border-color .15s,box-shadow .15s,transform .15s;-webkit-appearance:none;-moz-appearance:none;appearance:none}.input-field:focus,.select-field:focus{outline:none;border-color:#ffcc00f2;box-shadow:0 0 0 4px #ffcc0029}.input-large{font-size:1.25rem;font-weight:700}.select-field{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23616161' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;padding-right:2.5rem}.btn-primary,.btn-secondary{padding:.875rem 1.5rem;border:none;border-radius:var(--radius-sm);font-size:.9375rem;font-weight:700;cursor:pointer;transition:transform .12s,background .15s,box-shadow .15s,opacity .15s;font-family:inherit}.btn-primary{background:linear-gradient(180deg,var(--royal-yellow) 0%,#ffd83d 100%);color:var(--royal-black);width:100%;box-shadow:0 10px 20px #ffcc002e}.btn-primary:hover{background:linear-gradient(180deg,#ffd83d 0%,var(--royal-yellow-dark) 100%)}.btn-primary:active{transform:scale(.98)}.btn-secondary{background:linear-gradient(180deg,#f0f0f0,#e5e5e5);color:var(--royal-black)}.btn-secondary:hover{background:linear-gradient(180deg,#d8d8d8,#cfcfcf);color:var(--royal-white)}.btn-inline{width:100%}.rate-table-wrapper{border-radius:var(--radius-lg);overflow:hidden}.mobile-bandeira-select{padding:1rem;border-bottom:1px solid var(--royal-gray-200)}@media (min-width: 768px){.mobile-bandeira-select{display:none}}.table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}.rate-table{width:100%;border-collapse:collapse;font-size:.8125rem}.rate-table th,.rate-table td{padding:0;border-bottom:1px solid var(--royal-gray-200);text-align:center;vertical-align:top}.rate-table th{background:linear-gradient(180deg,#151515,#101010);color:var(--royal-yellow);padding:.75rem .5rem;font-weight:700;font-size:.75rem;white-space:nowrap;position:sticky;top:0;z-index:2}.rate-table .sticky-col{position:sticky;left:0;z-index:3;background:#f3f3f3;font-weight:600;text-align:left;padding:.625rem .75rem;min-width:90px;white-space:nowrap}.rate-table th.sticky-col{background:var(--royal-black-soft);color:var(--royal-yellow);z-index:4}.parcela-label{font-size:.8rem}.cell-na{padding:.75rem .5rem!important;color:var(--royal-gray-400);background:#f7f7f7}.cell-rate{min-width:100px}.cell-final{display:block;width:100%;padding:.625rem .5rem;border:none;background:transparent;cursor:pointer;font-family:inherit;transition:background .15s}.cell-final:hover{background:#ffcc002e}.cell-rate.expanded .cell-final{background:#ffcc0047}.cell-rate.expanded .cell-final .btn-reset{justify-self:start}.rate-value{display:block;font-size:.9375rem;font-weight:700;color:var(--royal-black)}.cell-hint{display:block;font-size:.625rem;color:var(--royal-gray-400);margin-top:.125rem}@media (min-width: 768px){.cell-hint{display:none}}.cell-editor{padding:.5rem;background:linear-gradient(180deg,#f7f7f7,#efefef);border-top:1px solid rgba(18,18,18,.06);display:flex;flex-direction:column;gap:.375rem}.cell-editor .input-field{padding:.5rem;font-size:.8125rem}.cell-editor .input-label{font-size:.6875rem}.cell-breakdown{color:var(--royal-gray-600);font-size:.6875rem;padding-top:.25rem}@media (max-width: 767px){.rate-table .mobile-hidden{display:none}.rate-table .mobile-visible{display:table-cell}}@media (min-width: 768px){.rate-table .mobile-hidden,.rate-table .mobile-visible{display:table-cell}.rate-table .mobile-hidden .global-controls .btn-reset,.rate-table .mobile-visible .global-controls .btn-reset{width:fit-content;min-width:0;justify-self:start;padding-left:1rem;padding-right:1rem}.rate-table .mobile-hidden .global-controls .btn-inline,.rate-table .mobile-visible .global-controls .btn-inline{width:100%}}.recebimento-form{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem;padding:1.05rem;border-radius:var(--radius-lg)}.result-card{border-radius:var(--radius-lg);padding:1.1rem}.result-title{font-size:1.125rem;font-weight:800;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid rgba(18,18,18,.08)}.result-grid{display:grid;gap:.875rem;margin-bottom:1.25rem}@media (min-width: 640px){.result-grid{grid-template-columns:repeat(2,1fr)}}.result-item{display:flex;flex-direction:column;gap:.25rem}.result-main{grid-column:1 / -1;background:linear-gradient(180deg,#ffcc00f5,#ffd638f5);padding:1rem;border-radius:var(--radius-sm);margin-top:.5rem;box-shadow:0 16px 30px #ffcc002e}.result-label{font-size:.8rem;font-weight:600;color:var(--royal-gray-600)}.result-main .result-label{color:var(--royal-black-soft)}.result-value{font-size:1.125rem;font-weight:700}.result-value-sm{font-size:.9375rem;font-weight:600}.result-value.highlight{color:var(--royal-black);font-size:1.375rem}.result-value.discount{color:#c62828}.result-value.main{font-size:1.75rem;color:var(--royal-black)}@media (max-width: 639px){.btn-primary,.btn-secondary{width:100%}}@media (min-width: 768px){.main-content{padding:1.5rem 2rem}.page-header h1{font-size:1.625rem}.rate-table{font-size:.875rem}.rate-value{font-size:1rem}.page-header{padding:1.3rem 1.3rem .2rem}.recebimento-form,.result-card,.global-controls{padding:1.15rem}}