.app-shell{display:flex;min-height:100vh}.sidebar{width:280px;background:var(--color-black);color:var(--color-white);padding:28px 0;display:flex;flex-direction:column}.brand{padding:0 24px 28px;display:flex;flex-direction:column;align-items:flex-start;border-bottom:1px solid rgba(255,255,255,.08);margin-bottom:20px}.brand-logo{width:167px;height:auto;display:block;margin:0;padding:0}.brand-title{font-family:var(--font-heading);font-size:20px;font-weight:500;color:var(--color-white);margin:24px 0 0;padding:0;line-height:1.2;letter-spacing:0}.nav-item{display:block;padding:10px 20px;color:#ffffffb8;font-weight:500;border-left:3px solid transparent;transition:background-color .15s ease,color .15s ease}.nav-item:hover{background:#f5bb1a14;color:var(--color-white)}.nav-item.active{background:#f5bb1a24;color:var(--color-yellow);border-left-color:var(--color-yellow)}.content{flex:1;padding:32px 40px;max-width:1200px}.card{background:var(--color-surface);border-radius:var(--radius-md);padding:24px;box-shadow:var(--shadow-sm);margin-bottom:24px}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:12px 16px;border-bottom:1px solid var(--color-light-grey)}th{font-weight:500;color:var(--color-text-muted);font-size:12px;text-transform:uppercase;letter-spacing:.5px}.status-pill{display:inline-block;padding:2px 10px;border-radius:999px;font-size:12px;font-weight:500}.status-active,.status-approved{background:#27ae601f;color:var(--color-success)}.status-draft,.status-pending,.status-in_review{background:#f5bb1a2e;color:#8a6a07}.status-archived,.status-cancelled{background:#c4c4c44d;color:var(--color-text-muted)}.status-rejected,.status-exhausted,.status-failed{background:#c0392b1f;color:var(--color-danger)}.sidebar-footer{margin-top:auto;padding:16px 24px;border-top:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;gap:10px}.user-info{display:flex;flex-direction:column;gap:2px}.user-name{color:var(--color-white);font-size:13px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-roles{color:var(--color-yellow);font-size:11px;font-family:monospace;letter-spacing:.3px}.dev-badge{color:var(--color-orange);font-weight:600}.logout-btn{background:transparent;color:#ffffffbf;border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-sm);font-size:12px;padding:6px 10px;cursor:pointer;transition:background-color .15s ease,color .15s ease}.logout-btn:hover{background:#ffffff14;color:var(--color-white)}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.card-header h2{margin:0}.form-row{display:flex;gap:16px;margin-bottom:12px}.form-row>label{flex:1}.checkbox-row{align-items:center;flex-wrap:wrap}.checkbox-row>label.checkbox-label{display:inline-flex;align-items:center;gap:8px;flex:0 0 auto;margin-bottom:0;font-size:13px;color:var(--color-text);cursor:pointer}.checkbox-row input[type=checkbox]{width:auto;margin:0;cursor:pointer}label{display:block;font-size:12px;font-weight:500;color:var(--color-text-muted);margin-bottom:8px}input,select,textarea{width:100%;padding:8px 10px;border:1px solid var(--color-border);border-radius:var(--radius-sm);font-family:var(--font-body);font-size:14px;background:var(--color-white);color:var(--color-text);margin-top:4px}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--color-yellow);box-shadow:0 0 0 3px #f5bb1a33}input:disabled{background:var(--color-light-grey);color:var(--color-text-muted)}.stage-block{border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:16px;margin-bottom:12px;background:var(--color-light-grey)}.stage-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.stage-header h3{margin:0;font-family:var(--font-heading);font-size:15px;color:var(--color-black)}.stage-actions{display:flex;gap:6px}.rules-list{margin-top:8px}.rule-row{display:flex;gap:8px;align-items:flex-end;margin-bottom:8px}.rule-row>*{margin-top:0}.rule-row select,.rule-row input{margin-top:0}.rule-row input[type=checkbox]{width:auto}.rule-row>select{width:auto}.rule-type-col{width:140px;flex-shrink:0}.rule-value-col{flex:1}:root{--color-yellow: #f5bb1a;--color-black: #061327;--color-white: #ffffff;--color-orange: #f07b1a;--color-magenta: #88498f;--color-grey: #c4c4c4;--color-light-grey: #f6f6f6;--color-blue: #2a477a;--color-bg: var(--color-light-grey);--color-surface: var(--color-white);--color-text: var(--color-black);--color-text-muted: #4a5568;--color-border: var(--color-grey);--color-accent: var(--color-yellow);--color-accent-hover: #e0a800;--color-danger: #c0392b;--color-success: #27ae60;--font-body: "Roboto", -apple-system, BlinkMacSystemFont, sans-serif;--font-heading: "Roboto Slab", Georgia, serif;--radius-sm: 4px;--radius-md: 8px;--shadow-sm: 0 1px 2px rgba(6, 19, 39, .05);--shadow-md: 0 4px 12px rgba(6, 19, 39, .08)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;padding:0}body{font-family:var(--font-body);font-size:14px;color:var(--color-text);background-color:var(--color-bg);-webkit-font-smoothing:antialiased}h1,h2,h3,h4{font-family:var(--font-heading);color:var(--color-black);margin:0 0 16px}h1{font-size:24px;font-weight:700}h2{font-size:20px;font-weight:500}a{color:var(--color-black);text-decoration:none}a:hover{color:var(--color-orange)}button{font-family:var(--font-body);cursor:pointer;border:none;border-radius:var(--radius-sm);padding:8px 16px;font-size:14px;font-weight:500;transition:background-color .15s ease}.btn-primary,.btn-secondary{display:inline-block;font-family:var(--font-body);font-size:14px;font-weight:500;padding:8px 16px;border-radius:var(--radius-sm);cursor:pointer;text-decoration:none;line-height:1.2;border:none;transition:background-color .15s ease}.btn-primary{background:var(--color-yellow);color:var(--color-black)}.btn-primary:hover{background:var(--color-accent-hover);color:var(--color-black)}.btn-secondary{background:transparent;color:var(--color-black);border:1px solid var(--color-border)}.btn-secondary:hover{background:var(--color-light-grey);color:var(--color-black)}.icon-btn{display:inline-block;background:transparent;border:1px solid var(--color-border);padding:4px 10px;font-size:13px;font-family:var(--font-body);font-weight:500;border-radius:var(--radius-sm);color:var(--color-text);text-align:center;text-decoration:none;line-height:1.3;cursor:pointer;transition:background-color .15s ease,border-color .15s ease}.icon-btn:hover:not(:disabled){background:var(--color-light-grey);color:var(--color-text)}.icon-btn:disabled{opacity:.4;cursor:not-allowed}.icon-btn.danger{border-color:var(--color-danger);color:var(--color-danger)}.icon-btn.danger:hover:not(:disabled){background:#c0392b14;color:var(--color-danger)}.icon-btn.success{border-color:var(--color-success);color:var(--color-success)}.icon-btn.success:hover:not(:disabled){background:#27ae6014;color:var(--color-success)}.icon-btn.orange{border-color:var(--color-orange);color:var(--color-orange)}.icon-btn.orange:hover:not(:disabled){background:#f07b1a14;color:var(--color-orange)}