:root{--color-bg: #f7f8fa;--color-surface: #ffffff;--color-border: #e2e5ea;--color-text: #1a1d24;--color-text-muted: #6b7280;--color-primary: #1f5f4a;--color-primary-hover: #164536;--color-danger: #b3261e;--color-warning: #92600a;--color-warning-bg: #fdf3e0;--color-success: #1e7a3d;--radius: 8px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--color-bg);color:var(--color-text)}a{color:var(--color-primary)}.app-shell{display:flex;min-height:100vh}.nav{width:220px;flex-shrink:0;background:var(--color-surface);border-right:1px solid var(--color-border);padding:20px 12px}.nav h1{font-size:15px;margin:0 0 20px 8px}.nav a{display:block;padding:8px 10px;border-radius:var(--radius);color:var(--color-text);text-decoration:none;font-size:14px;margin-bottom:2px}.nav a.active,.nav a:hover{background:#eef2f0}.nav .user{margin-top:24px;padding:8px 10px;font-size:12px;color:var(--color-text-muted);border-top:1px solid var(--color-border)}.main{flex:1;padding:28px 32px;max-width:1100px}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:20px;margin-bottom:16px}h2{margin-top:0}table{width:100%;border-collapse:collapse;font-size:14px}th,td{text-align:left;padding:8px 10px;border-bottom:1px solid var(--color-border)}th{color:var(--color-text-muted);font-weight:600;font-size:12px;text-transform:uppercase}.btn{display:inline-block;padding:8px 14px;border-radius:var(--radius);border:1px solid var(--color-border);background:var(--color-surface);cursor:pointer;font-size:14px}.btn-primary{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.btn-primary:hover{background:var(--color-primary-hover)}.btn-danger{background:var(--color-danger);color:#fff;border-color:var(--color-danger)}.btn:disabled{opacity:.5;cursor:not-allowed}label{display:block;font-size:13px;margin-bottom:4px;color:var(--color-text-muted)}input,select,textarea{width:100%;padding:8px 10px;border-radius:var(--radius);border:1px solid var(--color-border);font-size:14px;margin-bottom:12px}.badge{display:inline-block;padding:2px 8px;border-radius:999px;font-size:12px;font-weight:600}.badge-pending{background:var(--color-warning-bg);color:var(--color-warning)}.badge-completed{background:#e6f4ea;color:var(--color-success)}.badge-rejected,.badge-failed{background:#fbe9e7;color:var(--color-danger)}.badge-active{background:#e6f4ea;color:var(--color-success)}.badge-paused{background:var(--color-warning-bg);color:var(--color-warning)}.badge-canceled{background:#eceff1;color:var(--color-text-muted)}.commission-flag{background:var(--color-warning-bg);border:1px solid #f0d9a8;color:var(--color-warning);padding:10px 12px;border-radius:var(--radius);font-size:13px;margin-bottom:12px}.error-banner{background:#fbe9e7;border:1px solid #f3c6c1;color:var(--color-danger);padding:10px 12px;border-radius:var(--radius);margin-bottom:12px;font-size:14px}.form-row{display:flex;gap:12px}.form-row>*{flex:1}fieldset.address-fields{border:none;padding:0;margin:0 0 16px}fieldset.address-fields legend{font-size:13px;font-weight:600;margin-bottom:8px;padding:0}.card-element-box{padding:10px 12px;border:1px solid var(--color-border);border-radius:var(--radius);background:#fff;margin-bottom:8px}.hint-text{font-size:12px;color:var(--color-text-muted);margin:0 0 4px}.customer-match{display:flex;align-items:flex-start;gap:10px;padding:10px;border:1px solid var(--color-border);border-radius:var(--radius);margin-bottom:8px;cursor:pointer}.customer-match input{width:auto;margin:3px 0 0}.customer-match strong{display:block}.customer-match span{font-size:13px;color:var(--color-text-muted)}.stage-label{display:inline-block;font-size:12px;font-weight:600;text-transform:uppercase;color:var(--color-text-muted);margin-bottom:6px}.login-screen{display:flex;align-items:center;justify-content:center;height:100vh;width:100%}