:root{--black: #14161a;--black-soft: #1e2128;--yellow: #ffc400;--yellow-dark: #eab000;--yellow-soft: #fff6d3;--bg: #f4f5f7;--surface: #ffffff;--text: #16181d;--text-muted: #6b7280;--border: #e4e6ea;--border-strong: #d3d6dc;--brand: var(--black);--brand-dark: #000000;--brand-soft: var(--yellow-soft);--accent: var(--yellow);--link: #1d4ed8;--success: #16a34a;--success-soft: #dcfce7;--warning: #ea7a0c;--warning-soft: #fdedd3;--danger: #dc2626;--danger-soft: #fee2e2;--info: #2563eb;--info-soft: #dbeafe;--radius: 14px;--radius-sm: 9px;--shadow: 0 1px 3px rgba(16, 18, 22, .08), 0 1px 2px rgba(16, 18, 22, .06);--shadow-lg: 0 12px 32px rgba(16, 18, 22, .14);--font: "Segoe UI", system-ui, -apple-system, Roboto, Helvetica, Arial, sans-serif}*{box-sizing:border-box}html,body,#app{height:100%}body{margin:0;font-family:var(--font);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased}a{color:var(--link);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3,h4{margin:0;line-height:1.25;letter-spacing:-.01em}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;border-radius:var(--radius-sm);padding:10px 18px;font-size:.95rem;font-weight:700;font-family:inherit;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease;background:var(--yellow);color:var(--black)}.btn:hover:not(:disabled){background:var(--yellow-dark)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn--block{width:100%}.btn--lg{padding:14px 22px;font-size:1.05rem}.btn--ghost{background:var(--surface);color:var(--text);border-color:var(--border-strong)}.btn--ghost:hover:not(:disabled){background:#f3f4f6}.btn--dark{background:var(--black);color:#fff}.btn--dark:hover:not(:disabled){background:var(--black-soft)}.btn--success{background:var(--success);color:#fff}.btn--success:hover:not(:disabled){background:#15803d}.btn--danger{background:var(--danger);color:#fff}.btn--danger:hover:not(:disabled){background:#b91c1c}.btn--subtle{background:var(--yellow-soft);color:#7a5c00;border-color:#f2e2a6}.btn--subtle:hover:not(:disabled){background:#fdefb8}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.field label{font-weight:600;font-size:.9rem}.field .hint{font-size:.8rem;color:var(--text-muted)}.input,.select,.textarea{width:100%;padding:11px 13px;border:1px solid var(--border-strong);border-radius:var(--radius-sm);font-size:.95rem;font-family:inherit;background:#fff;color:var(--text);transition:border-color .15s ease,box-shadow .15s ease}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--yellow-dark);box-shadow:0 0 0 3px var(--yellow-soft)}.input--error,.select--error{border-color:var(--danger)}.input--error:focus,.select--error:focus{border-color:var(--danger);box-shadow:0 0 0 3px var(--danger-soft)}.field__error{font-size:.8rem;color:var(--danger);font-weight:600}.textarea{resize:vertical;min-height:90px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.card__body{padding:20px}.badge{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:999px;font-size:.78rem;font-weight:600;background:#eef0f3;color:var(--text-muted)}.badge--success{background:var(--success-soft);color:#15803d}.badge--warning{background:var(--warning-soft);color:#b45309}.badge--danger{background:var(--danger-soft);color:var(--danger)}.badge--info{background:var(--info-soft);color:var(--info)}.badge--brand{background:var(--yellow-soft);color:#7a5c00}.muted{color:var(--text-muted)}.stack{display:flex;flex-direction:column;gap:16px}.row{display:flex;gap:12px;align-items:center}.row--between{justify-content:space-between}.row--wrap{flex-wrap:wrap}.grid{display:grid;gap:16px}.text-center{text-align:center}.alert{padding:12px 14px;border-radius:var(--radius-sm);font-size:.9rem}.alert--error{background:var(--danger-soft);color:var(--danger)}.alert--success{background:var(--success-soft);color:#15803d}.alert--info{background:var(--info-soft);color:#1e40af}.alert--warning{background:var(--warning-soft);color:#b45309}.spinner{width:22px;height:22px;border:3px solid var(--border);border-top-color:var(--yellow-dark);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}table.data{width:100%;border-collapse:collapse}table.data th,table.data td{text-align:left;padding:12px 14px;border-bottom:1px solid var(--border);font-size:.92rem}table.data th{font-size:.78rem;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);background:#fafbfc}table.data tr:hover td{background:#fafbfc}.text-right{text-align:right}.table-wrap{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.card>.table-wrap{padding:0 0 4px}.card>.card__body+.table-wrap{padding-top:0}@media (max-width: 640px){section.stack>.row.row--between.row--wrap{flex-direction:column;align-items:stretch}section.stack>.row.row--between.row--wrap>.btn,section.stack>.row.row--between.row--wrap>a.btn{width:100%}.card__body{padding:16px}.btn--sm{padding:8px 12px}}@media (max-width: 768px){.table-wrap{overflow:visible}.card>.table-wrap{padding:0 12px 16px}table.data{display:block}table.data thead{display:none}table.data tbody{display:block}table.data tr{display:block;margin-bottom:12px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);overflow:hidden;box-shadow:var(--shadow)}table.data tr:hover td{background:transparent}table.data tr:last-child{margin-bottom:0}table.data td{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;border-bottom:1px solid var(--border);text-align:right}table.data td:last-child{border-bottom:none}table.data td:before{content:attr(data-label);font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);text-align:left;flex:0 0 auto;max-width:45%}table.data td:not([data-label]):before,table.data td[data-label=""]:before{display:none}table.data td[colspan]{display:block;text-align:center;padding:20px 14px}table.data td[colspan]:before{display:none}table.data td[data-label=Acoes],table.data td[data-label=Ações]{flex-direction:column;align-items:stretch;text-align:left}table.data td[data-label=Acoes]:before,table.data td[data-label=Ações]:before{margin-bottom:2px}table.data td[data-label=Acoes] .btn,table.data td[data-label=Ações] .btn{margin-left:0;width:100%}table.data td[data-label=Acoes] .row,table.data td[data-label=Ações] .row{flex-direction:column;align-items:stretch;width:100%}table.data td[data-label=Acoes] .row .btn,table.data td[data-label=Ações] .row .btn,table.data td[data-label=Acoes] .row a.btn,table.data td[data-label=Ações] .row a.btn{width:100%;margin-left:0}}
