.layout{display:flex;flex-direction:column;min-height:100%}.topbar{display:flex;align-items:center;gap:32px;padding:0 28px;height:60px;background:var(--color-black);color:var(--color-white)}.topbar-left{display:flex;align-items:center;gap:12px}.topbar .logo{height:30px;width:auto}.topbar .product{font-family:var(--font-heading);font-weight:500;font-size:16px;color:var(--color-white);border-left:1px solid rgba(255,255,255,.25);padding-left:12px}.topnav{display:flex;gap:4px;flex:1}.topnav a{color:#ffffffbf;font-weight:500;padding:8px 14px;border-radius:var(--radius-sm)}.topnav a:hover{color:var(--color-white)}.topnav a.active{color:var(--color-black);background:var(--color-yellow)}.topbar-right{display:flex;align-items:center;gap:12px}.topbar-right .user{font-size:13px;color:#ffffffd9}.dev-pill{background:var(--color-orange);color:var(--color-black);font-size:11px;font-weight:700;text-transform:uppercase;padding:2px 8px;border-radius:999px}.content{flex:1;width:100%;max-width:1080px;margin:0 auto;padding:32px 28px}.footer{text-align:center;color:var(--color-text-muted);font-size:12px;padding:20px;border-top:1px solid var(--color-grey)}.consent-screen{min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 16px;background:var(--color-light-grey)}.consent-card{width:100%;max-width:480px;background:var(--color-surface);border-radius:var(--radius-md);box-shadow:var(--shadow-md);padding:32px 36px 36px}.consent-head{display:flex;align-items:center;gap:10px;padding-bottom:20px;margin-bottom:24px;border-bottom:1px solid var(--color-light-grey);font-family:var(--font-heading);font-weight:500;color:var(--color-text-muted)}.consent-logo{height:26px}.consent-card h1{font-size:22px}.consent-card .lead{font-size:15px;line-height:1.5;margin-bottom:24px}.consent-section{margin-bottom:20px}.consent-label{display:block;font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted);margin-bottom:8px}.scope-list{margin:0;padding:0;list-style:none}.scope-list li{padding:10px 14px;background:var(--color-light-grey);border-radius:var(--radius-sm);margin-bottom:6px;font-weight:500}.consent-fineprint{font-size:13px;color:var(--color-text-muted);line-height:1.5;border-left:3px solid var(--color-yellow);padding-left:12px;margin:24px 0}.consent-actions{display:flex;gap:12px;margin-top:24px}.consent-actions button{flex:1;padding:12px;font-size:15px}.consent-grant{flex:2!important}.consent-result{text-align:center;padding:24px 0 8px}.consent-result-icon{width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:32px;margin:0 auto 16px}.consent-result.approved .consent-result-icon{background:#27ae6026;color:var(--color-success)}.consent-result.denied .consent-result-icon{background:#c0392b1f;color:var(--color-danger)}.consent-foot{margin-top:20px;font-size:12px}: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}h3{font-size:16px;font-weight:500}a{color:var(--color-black);text-decoration:none}a:hover{color:var(--color-orange)}.btn-primary,.btn-secondary,.btn-danger{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:1px solid transparent;transition:background-color .15s ease,border-color .15s ease}.btn-primary{background-color:var(--color-accent);color:var(--color-black)}.btn-primary:hover{background-color:var(--color-accent-hover)}.btn-secondary{background-color:var(--color-white);color:var(--color-black);border-color:var(--color-border)}.btn-secondary:hover{border-color:var(--color-black)}.btn-danger{background-color:var(--color-white);color:var(--color-danger);border-color:var(--color-danger)}.btn-danger:hover{background-color:var(--color-danger);color:var(--color-white)}button:disabled,.btn-primary:disabled{opacity:.5;cursor:not-allowed}.card{background:var(--color-surface);border:1px solid var(--color-light-grey);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:20px 24px;margin-bottom:20px}.card-title{font-family:var(--font-heading);font-size:16px;font-weight:500;margin:0 0 16px}table.data{width:100%;border-collapse:collapse;background:var(--color-surface);border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-sm)}table.data th,table.data td{text-align:left;padding:12px 16px;border-bottom:1px solid var(--color-light-grey);font-size:14px}table.data th{background:var(--color-light-grey);font-family:var(--font-heading);font-weight:500;color:var(--color-text-muted)}table.data tr:hover td{background:#fafafa}.muted{color:var(--color-text-muted)}code.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;background:var(--color-light-grey);padding:1px 5px;border-radius:var(--radius-sm)}.field{margin-bottom:16px}.field label{display:block;font-weight:500;margin-bottom:6px}.field .hint{font-size:12px;color:var(--color-text-muted);margin-top:4px}.field input[type=text],.field input[type=url],.field input[type=number],.field select,.field 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}.field textarea{min-height:90px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 2px #f5bb1a40}.badge{display:inline-block;padding:2px 10px;border-radius:999px;font-size:12px;font-weight:500;text-transform:capitalize}.badge-active,.badge-approved,.badge-permit{background:#27ae6026;color:#1e7e45}.badge-pending,.badge-in_review{background:#f5bb1a33;color:#8a6a07}.badge-suspended,.badge-revoked,.badge-denied,.badge-rejected,.badge-expired,.badge-deny{background:#c0392b1f;color:var(--color-danger)}.badge-superseded{background:#0613270f;color:var(--color-text-muted)}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border:1px solid var(--color-border);border-radius:999px;font-size:13px;cursor:pointer;-webkit-user-select:none;user-select:none;background:var(--color-white)}.chip.selected{background:var(--color-yellow);border-color:var(--color-yellow);color:var(--color-black)}.row{display:flex;gap:12px;align-items:center}.spread{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.notice{padding:10px 14px;border-radius:var(--radius-sm);margin-bottom:16px;font-size:14px}.notice-error{background:#c0392b1a;color:var(--color-danger);border:1px solid rgba(192,57,43,.3)}.notice-info{background:#2a477a14;color:var(--color-blue);border:1px solid rgba(42,71,122,.2)}.notice-pending{background:#f5bb1a1f;color:#8a6a07;border:1px solid rgba(245,187,26,.45)}.loading{color:var(--color-text-muted);padding:24px 0}