:root{color:#f0f0f0;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--accent:#2e7d82;--accent-hover:#1f5c60;--accent-light:#5ab0b5;--accent-dim:#2e7d821f;--accent-dim-hover:#2e7d8233;--bg-page:#0a0a0a;--bg-app:#111;--bg-surface:#171717;--bg-surface-2:#1f1f1f;--bg-input:#131313;--border:#2a2a2a;--border-subtle:#1e1e1e;--text:#f0f0f0;--text-secondary:#9ca3af;--text-muted:#4b5563;--danger:#dc2626;--danger-bg:#dc262614;--danger-border:#dc262666;--danger-deep-bg:#dc262626;--danger-deep-border:#dc262699;background:#0a0a0a;font-family:Inter,system-ui,-apple-system,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}body{background:var(--bg-page);min-height:100vh;margin:0}#root{min-height:100vh}.app-shell{border:1px solid var(--border);background:var(--bg-app);border-radius:16px;flex-direction:column;gap:1.25rem;width:min(1280px,100% - 2rem);margin:1.5rem auto;padding:1.25rem;display:flex;box-shadow:0 0 0 1px #2e7d8214,0 24px 48px #00000080}.topbar{border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding-bottom:1.25rem;display:flex}.topbar-brand{flex:1;min-width:0}.topbar h1{color:var(--accent-light);letter-spacing:-.01em;margin:0;font-size:1.5rem;font-weight:700}.topbar p{color:var(--text-secondary);margin:.25rem 0 0;font-size:.875rem}.auth-actions{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.auth-user{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;max-width:220px;font-size:.875rem;overflow:hidden}.topbar-input{border:1px solid var(--border);background:var(--bg-input);width:220px;color:var(--text);border-radius:8px;padding:.45rem .7rem;font-family:inherit;font-size:.85rem;transition:border-color .15s}.topbar-input::placeholder{color:var(--text-muted)}.topbar-input:focus{border-color:var(--accent);outline:none}button,.file-input{cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:8px;padding:.5rem 1rem;font-family:inherit;font-size:.875rem;font-weight:500;transition:background .15s,border-color .15s,opacity .15s}button:disabled{opacity:.45;cursor:not-allowed}.file-input:has(input:disabled){opacity:.45;cursor:not-allowed}.primary{background:var(--accent);color:#fff;border-color:var(--accent)}.primary:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover)}.secondary{background:var(--bg-surface-2);border-color:var(--border);color:var(--text-secondary)}.secondary:hover:not(:disabled){color:var(--text);background:#272727;border-color:#3a3a3a}.danger{background:var(--danger-bg);border-color:var(--danger-border);color:#fca5a5}.danger:hover:not(:disabled){background:#dc262624}.danger--deep{background:var(--danger-deep-bg);border-color:var(--danger-deep-border);color:#f87171;font-weight:600}.danger--deep:hover:not(:disabled){background:#dc262638}.danger--nuclear{color:#f87171;background:#b91c1c2e;border-color:#b91c1cb3;font-weight:700}.danger--nuclear:hover:not(:disabled){background:#b91c1c47}.danger--nuclear:disabled{opacity:.3}.panel-btn{border-radius:6px;padding:.3rem .65rem;font-size:.78rem}.file-input{align-items:center;display:inline-flex;position:relative;overflow:hidden}.file-input input{opacity:0;cursor:pointer;position:absolute;inset:0}.controls-row{flex-wrap:wrap;gap:.5rem;display:flex}.controls-row button{flex:1;min-width:150px}.content-grid{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.panel{border:1px solid var(--border);background:var(--bg-surface);border-radius:12px;flex-direction:column;gap:.75rem;min-height:380px;padding:1rem;display:flex}.panel-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;display:flex}.panel-header h2{color:var(--text);letter-spacing:-.01em;margin:0;font-size:.95rem;font-weight:600}.panel-header span{color:var(--text-secondary);font-size:.875rem}.panel-header-actions{flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}.panel-tabs{gap:.25rem;display:flex}.panel-tab{border:1px solid var(--border);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:6px;padding:.28rem .75rem;font-size:.8rem;font-weight:500;transition:all .12s}.panel-tab:hover{background:var(--bg-surface-2);color:var(--text-secondary)}.panel-tab.active{background:var(--accent-dim);border-color:var(--accent);color:var(--accent-light);font-weight:600}.count-badge{color:var(--accent-light);background:var(--accent-dim);white-space:nowrap;border:1px solid #2e7d8240;border-radius:20px;padding:.1rem .6rem;font-size:.75rem}.search,.draft-row input,.draft-row select{border:1px solid var(--border);background:var(--bg-input);width:100%;color:var(--text);border-radius:8px;padding:.5rem .7rem;font-family:inherit;font-size:.875rem;transition:border-color .15s}.search::placeholder{color:var(--text-muted)}.search:focus,.draft-row input:focus,.draft-row select:focus{border-color:var(--accent);outline:none}.draft-row select{background:var(--bg-input);color:var(--text-secondary)}.policy-list{flex-direction:column;flex:1;gap:.4rem;max-height:420px;padding-right:.2rem;display:flex;overflow-y:auto}.policy-list::-webkit-scrollbar{width:4px}.policy-list::-webkit-scrollbar-track{background:0 0}.policy-list::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.policy-category{flex-direction:column;display:flex}.policy-category-header{z-index:1;background:var(--bg-surface);align-items:center;gap:.4rem;padding:.2rem 0;display:flex;position:sticky;top:0}.policy-category-toggle{background:var(--bg-surface-2);border:1px solid var(--border-subtle);cursor:pointer;text-align:left;border-radius:7px;flex:1;align-items:center;gap:.5rem;padding:.35rem .65rem;transition:background .12s,border-color .12s;display:flex}.policy-category-toggle:hover{border-color:var(--border);background:#252525}.policy-category-toggle[data-kind=Device\ Config]{border-left:2px solid #2e7d82}.policy-category-toggle[data-kind=Compliance]{border-left:2px solid #3d8b5e}.policy-category-toggle[data-kind=Settings\ Catalog]{border-left:2px solid #6366f1}.policy-category-toggle[data-kind=Group\ Policy]{border-left:2px solid #d97706}.policy-category-toggle[data-kind=Scripts]{border-left:2px solid #0891b2}.policy-category-toggle[data-kind=Remediations]{border-left:2px solid #be185d}.policy-category-chevron{color:var(--text-muted);font-size:.55rem;transition:transform .15s;display:inline-block;transform:rotate(0)}.policy-category-chevron.open{transform:rotate(90deg)}.policy-category-name{color:var(--text-secondary);letter-spacing:.02em;text-transform:uppercase;font-size:.8rem;font-weight:600}.policy-category-count{color:var(--text-muted);background:var(--bg-app);border:1px solid var(--border-subtle);border-radius:10px;margin-left:auto;padding:.08rem .45rem;font-size:.72rem}.policy-category-check{cursor:pointer;width:15px;height:15px;accent-color:var(--accent);flex-shrink:0}.policy-category-items{flex-direction:column;gap:.25rem;padding:.3rem 0 .3rem .65rem;display:flex}.policy-item{border:1px solid var(--border-subtle);background:var(--bg-app);cursor:pointer;border-radius:7px;grid-template-columns:auto 1fr;gap:.6rem;padding:.45rem .6rem;transition:background .1s,border-color .1s;display:grid}.policy-item:hover{background:var(--bg-surface-2);border-color:var(--border)}.policy-item.selected{background:var(--accent-dim);border-color:#2e7d824d}.policy-item.selected:hover{background:var(--accent-dim-hover);border-color:#2e7d8273}.policy-item.selected strong{color:var(--accent-light)}.policy-item strong{color:var(--text);font-size:.85rem;font-weight:500}.draft-list{flex-direction:column;gap:.5rem;display:flex}.draft-row{grid-template-columns:1fr 110px 80px;align-items:start;gap:.4rem;display:grid}.group-picker{flex-direction:column;gap:.15rem;min-width:0;display:flex;position:relative}.group-picker-input{border:1px solid var(--border);background:var(--bg-input);width:100%;color:var(--text);box-sizing:border-box;border-radius:8px;padding:.5rem .7rem;font-family:inherit;font-size:.875rem;transition:border-color .15s}.group-picker-input:focus{border-color:var(--accent);outline:none}.group-picker-input::placeholder{color:var(--text-muted)}.group-picker-id{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;padding:0 .15rem;font-family:Consolas,monospace;font-size:.65rem;overflow:hidden}.group-picker-hint{color:var(--text-muted);padding:0 .15rem;font-size:.7rem}.group-picker-dropdown{z-index:200;border:1px solid var(--border);background:#1c1c1c;border-radius:10px;max-height:240px;margin:0;padding:.3rem 0;list-style:none;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto;box-shadow:0 12px 32px #0009}.group-picker-option{cursor:pointer;flex-direction:column;gap:.08rem;padding:.45rem .8rem;transition:background .1s;display:flex}.group-picker-option:hover{background:var(--accent-dim)}.group-picker-option-name{color:var(--text);font-size:.875rem}.group-picker-option-id{color:var(--text-muted);font-family:Consolas,monospace;font-size:.65rem}.existing-list{flex-direction:column;flex:1;gap:.5rem;max-height:420px;padding-right:.2rem;display:flex;overflow-y:auto}.existing-block{border:1px solid var(--border-subtle);background:var(--bg-app);border-radius:8px;overflow:hidden}.existing-block-header{background:var(--bg-surface-2);border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:baseline;gap:.5rem;padding:.5rem .75rem;display:flex}.existing-policy-name{color:var(--text);text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:.85rem;font-weight:600;overflow:hidden}.existing-policy-kind{color:var(--text-muted);white-space:nowrap;text-transform:uppercase;letter-spacing:.05em;font-size:.68rem}.existing-none{color:var(--text-muted);margin:0;padding:.5rem .75rem;font-size:.8rem}.existing-assignments{margin:0;padding:.2rem 0;list-style:none}.existing-assignment-row{border-top:1px solid var(--border-subtle);align-items:center;gap:.5rem;padding:.3rem .75rem;display:flex}.existing-assignment-row:first-child{border-top:none}.existing-mode-badge{text-transform:uppercase;letter-spacing:.05em;border-radius:4px;flex-shrink:0;padding:.1rem .45rem;font-size:.65rem;font-weight:700}.existing-mode-badge--include{color:#6ee7b7;background:#2e7d5226;border:1px solid #2e7d524d}.existing-mode-badge--exclude{color:#fca5a5;background:#dc26261a;border:1px solid #dc26264d}.existing-group-name{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:.83rem;overflow:hidden}.existing-group-id{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;max-width:150px;font-family:Consolas,monospace;font-size:.65rem;overflow:hidden}.statusbar{border-top:1px solid var(--border-subtle);color:var(--text-muted);justify-content:space-between;gap:.75rem;padding-top:.75rem;font-size:.8rem;display:flex}.empty,.helper{color:var(--text-muted);margin:0;font-size:.83rem}.link-button{align-items:center;text-decoration:none;display:inline-flex}.setup-card{border:1px solid var(--border);border-left:3px solid var(--accent);background:var(--bg-surface);border-radius:10px;flex-direction:column;gap:.85rem;padding:1.25rem 1.4rem;display:flex}.setup-card-title{color:var(--text);margin:0;font-size:1rem;font-weight:600}.setup-card-intro{color:var(--text-secondary);margin:0;font-size:.875rem}.setup-steps{color:var(--text-secondary);flex-direction:column;gap:.4rem;margin:0;padding-left:1.4rem;font-size:.875rem;line-height:1.5;display:flex}.setup-steps code,.setup-uri{background:var(--bg-surface-2);color:var(--accent-light);word-break:break-all;border-radius:4px;padding:.1em .4em;font-family:Consolas,monospace;font-size:.82em}.setup-fields{flex-wrap:wrap;align-items:flex-start;gap:.5rem;display:flex}.setup-field-input{border:1px solid var(--border);background:var(--bg-input);min-width:220px;color:var(--text);border-radius:8px;flex:1;padding:.5rem .7rem;font-family:inherit;font-size:.875rem;transition:border-color .15s}.setup-field-input::placeholder{color:var(--text-muted)}.setup-field-input:focus{border-color:var(--accent);outline:none}.setup-hint{border:1px solid var(--border);background:var(--bg-surface);color:var(--text-secondary);border-radius:8px;padding:.6rem .9rem;font-size:.875rem}.setup-hint code{background:var(--bg-surface-2);color:var(--accent-light);border-radius:4px;padding:.1em .35em;font-family:Consolas,monospace;font-size:.85em}.setup-hint--ready{color:#6ee7b7;background:#2e7d520f;border-color:#2e7d524d;justify-content:space-between;align-items:center;gap:.75rem;display:flex}.setup-hint-reset{color:#6ee7b7;cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #2e7d524d;border-radius:6px;flex-shrink:0;padding:.25rem .6rem;font-size:.78rem}.setup-output-bar{border:1px solid var(--border);background:var(--bg-surface);border-radius:8px;align-items:flex-start;gap:.5rem;padding:.75rem 1rem;font-size:.8rem;display:flex}.setup-output-bar--success{border-color:#2e7d524d}.setup-output-bar--error{border-color:var(--danger-border)}.setup-output-pre{white-space:pre-wrap;color:var(--text-secondary);flex:1;max-height:160px;margin:0;font-family:Consolas,monospace;line-height:1.5;overflow:auto}.setup-output-dismiss{color:var(--text-muted);cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:0 .25rem;font-size:1rem;line-height:1}.setup-output-dismiss:hover{color:var(--text-secondary)}.modal-backdrop{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000d9;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal{border:1px solid var(--danger-border);background:#141414;border-radius:14px;flex-direction:column;width:min(540px,100%);display:flex;overflow:hidden;box-shadow:0 24px 64px #000c}.modal-warning-banner{background:var(--danger-deep-bg);border-bottom:1px solid var(--danger-border);color:#fca5a5;letter-spacing:.05em;text-transform:uppercase;align-items:center;gap:.65rem;padding:.75rem 1.25rem;font-size:.85rem;font-weight:700;display:flex}.modal-warning-icon{flex-shrink:0;font-size:1rem}.modal-body{flex-direction:column;gap:.85rem;padding:1.25rem 1.5rem;display:flex}.modal-lead{color:var(--text-secondary);margin:0;font-size:.9rem;line-height:1.55}.modal-lead strong{color:#fca5a5}.modal-policy-list{border:1px solid var(--danger-border);background:var(--bg-app);border-radius:8px;max-height:180px;margin:0;padding:0;list-style:none;overflow-y:auto}.modal-policy-list li{border-top:1px solid var(--border-subtle);align-items:baseline;gap:.5rem;padding:.32rem .75rem;font-size:.82rem;display:flex}.modal-policy-list li:first-child{border-top:none}.modal-policy-kind{text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);flex-shrink:0;min-width:90px;font-size:.65rem}.modal-policy-name{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.modal-policy-overflow{justify-content:center;font-style:italic;color:var(--text-muted)!important}.modal-confirm-label{color:var(--text-secondary);margin:0;font-size:.875rem}.modal-confirm-label strong{color:#f87171;letter-spacing:.08em;font-family:Consolas,monospace}.modal-confirm-input{border:1px solid var(--danger-border);background:var(--bg-app);color:#fca5a5;letter-spacing:.1em;box-sizing:border-box;border-radius:8px;width:100%;padding:.55rem .75rem;font-family:Consolas,monospace;font-size:.95rem;transition:border-color .15s}.modal-confirm-input:focus{border-color:var(--danger);outline:none}.modal-footer{border-top:1px solid var(--border-subtle);background:var(--bg-surface);justify-content:flex-end;gap:.6rem;padding:1rem 1.5rem;display:flex}.modal-delete-btn{background:var(--danger-deep-bg);border-color:var(--danger-deep-border);color:#fca5a5;font-weight:700}.modal-delete-btn:not(:disabled):hover{background:#dc262640}.modal-delete-btn:disabled{background:var(--danger-bg);border-color:var(--danger-border);color:var(--text-muted)}.app-credit{text-align:center;color:var(--text-muted);padding-top:.25rem;font-size:.75rem}.app-credit a{color:var(--accent-light);text-decoration:none}.app-credit a:hover{text-decoration:underline}.credit-faq-link{color:var(--accent-light);cursor:pointer;background:0 0;border:none;padding:0;font-family:inherit;font-size:.75rem;text-decoration:none}.credit-faq-link:hover{text-decoration:underline}.faq-shell{width:min(1100px,100% - 2rem);margin:2rem auto;padding:0 0 3rem}.faq-header{border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:2rem;padding-bottom:1.5rem;display:flex}.faq-title{color:var(--accent-light);letter-spacing:-.02em;margin:0;font-size:1.6rem;font-weight:700}.faq-subtitle{color:var(--text-secondary);margin:.3rem 0 0;font-size:.9rem}.faq-grid{grid-template-columns:1fr 1fr;align-items:start;gap:0 2.5rem;display:grid}.faq-col{flex-direction:column;gap:0;display:flex}.faq-section{border-bottom:1px solid var(--border-subtle);padding:1.5rem 0}.faq-section:last-child{border-bottom:none}.faq-section h2{color:var(--text);letter-spacing:-.01em;margin:0 0 .75rem;font-size:1rem;font-weight:600}.faq-section p{color:var(--text-secondary);margin:0 0 .65rem;font-size:.875rem;line-height:1.65}.faq-section p:last-child{margin-bottom:0}.faq-ul,.faq-ol{color:var(--text-secondary);flex-direction:column;gap:.4rem;margin:0 0 .65rem;padding-left:1.4rem;font-size:.875rem;line-height:1.55;display:flex}.faq-ul:last-child,.faq-ol:last-child{margin-bottom:0}.faq-section code{background:var(--bg-surface-2);color:var(--accent-light);border-radius:4px;padding:.1em .4em;font-family:Consolas,monospace;font-size:.82em}@media (width<=800px){.faq-grid{grid-template-columns:1fr}.faq-header{flex-direction:column;align-items:flex-start}}@media (width<=900px){.topbar-input{width:150px}.content-grid{grid-template-columns:1fr}.topbar,.statusbar{flex-direction:column;align-items:flex-start}.draft-row{grid-template-columns:1fr}}
