:root{--navy: #031930;--navy-deep: #011a38;--navy-mid: #35485a;--gold: #ffc107;--gold-dark: #eaaf00;--ink: #000000;--body: #3b3b3b;--muted: #3a3a3a;--surface: #f8f8f8;--surface-soft: #f4f4f4;--hairline: #dbdbdb;--canvas: #ffffff;--success: #65bc51;--info: #558bd8;--error: #d64545;--radius-sm: 5px;--radius-md: 10px;--radius-lg: 50px;--motion-default: all .3s ease}*{box-sizing:border-box}body{margin:0;font-family:Inter,sans-serif;font-size:13px;color:var(--body);background:var(--surface)}a{color:inherit}.card{background:var(--canvas);border-radius:var(--radius-md);box-shadow:0 4px 14px #0000000d;padding:24px}.badge{display:inline-block;padding:4px 12px;border-radius:var(--radius-lg);font-size:13px;font-weight:600}.badge-new{background:#e8f0fc;color:#2f6fd0}.badge-to_send{background:#fde8c8;color:#b5690a}.badge-sent{background:#e6f6e3;color:#2b8a3e}.badge-cancelled{background:#fde3e3;color:var(--error)}.badge-preparing{background:#e9ecef;color:#343a40}.badge-on_hold{background:#fff3cd;color:#a67c00}.btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:var(--radius-sm);border:1px solid var(--hairline);background:var(--canvas);color:var(--ink);font:inherit;cursor:pointer;white-space:nowrap;text-decoration:none}.btn:disabled{opacity:.5;cursor:default}.btn-gold{background:var(--gold);color:var(--navy);font-weight:600;border-color:var(--gold-dark)}.btn-danger{color:var(--error)}.btn-sm{padding:3px 8px;font-size:12px}.input,select,input[type=date]{padding:6px 10px;border:1px solid var(--hairline);border-radius:var(--radius-sm);font:inherit;background:var(--canvas);color:var(--ink)}.table{width:100%;border-collapse:collapse}.table th{padding:10px 12px;background:var(--surface-soft);text-align:left;font-size:12px;text-transform:uppercase;letter-spacing:.3px;color:var(--muted);font-weight:600}.table td{padding:10px 12px;border-top:1px solid var(--hairline);vertical-align:top}.table tr.row-selected td{background:#fffbea}.card-title{margin:0 0 12px;font-size:14px;font-weight:700;color:var(--ink)}.muted{color:var(--muted)}.small{font-size:12px}.tabs{display:flex;gap:4px;border-bottom:1px solid var(--hairline)}.tab{padding:8px 14px;border:none;background:transparent;font:inherit;cursor:pointer;border-bottom:2px solid transparent;color:var(--muted)}.tab.active{border-bottom-color:var(--gold);color:var(--ink);font-weight:600}
