:root{--color-bg:#fff;--color-bg-soft:#f8fafc;--color-primary:#06f;--color-primary-hover:#0052d9;--color-cyan:#06b6d4;--color-success:#10b981;--color-heading:#0f172a;--color-body:#475569;--color-muted:#64748b;--color-border:#e2e8f0;--color-border-soft:#f1f5f9;--color-error:#ef4444;--color-warning:#f59e0b;--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%}body{font-family:var(--font-sans);color:var(--color-body);background-color:var(--color-bg);font-size:16px;line-height:1.6}h1,h2,h3,h4,h5,h6{color:var(--color-heading);font-weight:700;line-height:1.2}h1{font-size:32px}h2{margin:24px 0 16px;font-size:24px}h3{margin:16px 0 12px;font-size:18px}p{margin:8px 0}a{color:var(--color-primary);text-decoration:none}a:hover{color:var(--color-primary-hover)}button{border:1px solid var(--color-border);color:var(--color-body);cursor:pointer;background:#fff;border-radius:6px;padding:10px 16px;font-family:inherit;font-size:14px;transition:all .2s}button:hover{background:var(--color-bg-soft);border-color:var(--color-primary)}button.btn-primary{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}button.btn-primary:hover{background:var(--color-primary-hover);border-color:var(--color-primary-hover)}button.btn-success{background:var(--color-success);color:#fff;border-color:var(--color-success)}button.btn-success:hover{background:#059669;border-color:#059669}button.btn-error{background:var(--color-error);color:#fff;border-color:var(--color-error)}button.btn-error:hover{background:#dc2626;border-color:#dc2626}button:disabled{opacity:.5;cursor:not-allowed}input,textarea,select{border:1px solid var(--color-border);color:var(--color-body);background:#fff;border-radius:6px;width:100%;padding:10px 12px;font-family:inherit;font-size:14px;transition:border-color .2s}input:focus,textarea:focus,select:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #0066ff1a}table{border-collapse:collapse;width:100%;font-size:14px}th{background:var(--color-bg-soft);color:var(--color-heading);text-align:left;border-bottom:2px solid var(--color-border);padding:12px;font-weight:600}td{border-bottom:1px solid var(--color-border-soft);padding:12px}tr:hover{background:var(--color-bg-soft)}.container{max-width:1200px;margin:0 auto;padding:0 20px}.card{border:1px solid var(--color-border);background:#fff;border-radius:8px;margin-bottom:16px;padding:20px;box-shadow:0 1px 3px #0000000d}.alert{border-radius:6px;margin-bottom:16px;padding:12px 16px;line-height:1.5}.alert-error{color:#991b1b;background:#fee2e2;border:1px solid #fecaca}.alert-success{color:#166534;background:#dcfce7;border:1px solid #bbf7d0}.alert-info{color:#0c4a6e;background:#dbeafe;border:1px solid #bae6fd}.alert-warning{color:#92400e;background:#fef3c7;border:1px solid #fcd34d}.badge{text-transform:uppercase;border-radius:4px;padding:4px 8px;font-size:12px;font-weight:600;display:inline-block}.badge-pending{color:#92400e;background:#fef3c7}.badge-approved{color:#166534;background:#dcfce7}.badge-rejected{color:#991b1b;background:#fee2e2}.badge-transmitted{color:#0c4a6e;background:#dbeafe}.loading{text-align:center;color:var(--color-muted);padding:40px}.spinner{border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;width:20px;height:20px;animation:1s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.header{border-bottom:1px solid var(--color-border);background:#fff;margin-bottom:32px;padding:20px 0}.header-content{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:0 20px;display:flex}.header h1{margin:0;font-size:28px}.user-info{text-align:right;font-size:14px}.user-info .tenant{color:var(--color-muted);margin-bottom:4px}.user-info .scopes{color:var(--color-primary);font-size:12px}.nav-tabs{border-bottom:2px solid var(--color-border);gap:0;margin-bottom:20px;display:flex}.nav-tabs button{color:var(--color-body);cursor:pointer;background:0 0;border:none;border-bottom:3px solid #0000;border-radius:0;padding:12px 16px;transition:all .2s}.nav-tabs button:hover{color:var(--color-primary);border-bottom-color:var(--color-primary);background:0 0}.nav-tabs button.active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.modal-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:#fff;border-radius:8px;width:90%;max-width:500px;padding:24px;box-shadow:0 10px 40px #0003}.modal h2{margin-top:0}.modal-footer{justify-content:flex-end;gap:12px;margin-top:24px;display:flex}.form-group{margin-bottom:16px}.form-group label{color:var(--color-heading);margin-bottom:6px;font-size:14px;font-weight:500;display:block}.form-group input,.form-group textarea,.form-group select{width:100%}.mt-2{margin-top:16px}.mb-2{margin-bottom:16px}.flex{display:flex}.gap-2{gap:12px}.flex-1{flex:1}.text-center{text-align:center}.text-muted{color:var(--color-muted);font-size:14px}