.form-field{display:block;font-size:.75rem;margin-bottom:20px;color:var(--text)}.form-field>input,.form-field>select,.password-field input{display:block;width:100%;padding:13px;margin-top:8px;border:1px solid var(--border);border-radius:12px;background:var(--navy);font-size:.8125rem}.form-field input::placeholder{color:#91abc3}.text-action{background:none;border:0;padding:0;color:var(--ice);font-size:.75rem}.text-action:hover{text-decoration:underline}.form-error{border:1px solid rgba(231,76,60,.3764705882);background:#e74c3c12;color:#ffb5b5;padding:12px;border-radius:10px;font-size:.75rem;line-height:1.7}.form-feedback{border:1px solid rgba(48,136,208,.3764705882);background:#3088d014;color:var(--ice);padding:12px 15px;border-radius:10px;font-size:.75rem;line-height:1.7}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.scope-fieldset,.permission-fieldset{border:1px solid var(--divider);border-radius:12px;padding:16px;margin:20px 0}.scope-fieldset legend,.permission-fieldset legend{font-size:.75rem;color:var(--ice);padding:0 6px}.choice{display:flex;align-items:center;gap:10px;font-size:.75rem;color:var(--muted);padding:8px 0;line-height:1.5}.choice input{width:16px;height:16px;flex-shrink:0;accent-color:var(--brand-hover);margin:0}.client-choices{border-top:1px solid var(--divider);margin-top:12px;padding-top:10px;max-height:200px;overflow:auto}.account-actions{border-top:1px solid var(--divider);margin-top:25px;padding-top:20px;display:flex;gap:10px;flex-wrap:wrap}.account-actions h3{font-size:.75rem;width:100%;margin:0}.account-actions p{font-size:.65rem;line-height:1.7;color:var(--muted);width:100%;margin:0 0 4px}.account-actions button{font-size:.65rem}.danger-button{background:#e74c3c12;border-color:#e74c3c55;color:#ffb5b5}.permission-list{padding:0 24px 18px}.permission-list h3{font-size:.6875rem;color:var(--ice);font-weight:500;letter-spacing:.5px;margin:18px 0 7px}.permission-row{display:flex;align-items:center;justify-content:space-between;gap:15px;border-bottom:1px solid rgba(32,56,79,.5019607843);padding:12px 0;font-size:.75rem}.permission-value{display:flex;align-items:center;gap:7px;color:#91abc3;white-space:nowrap;font-size:.65rem}.permission-value app-icon{width:14px;height:14px}.permission-value.allowed{color:#7fe1ad}.role-scope-note{display:flex;align-items:flex-start;gap:10px;background:#10223980;border-top:1px solid var(--divider);padding:18px 24px;color:var(--muted)}.role-scope-note app-icon{color:var(--ice);width:16px;height:16px}.role-scope-note p{font-size:.65rem;line-height:1.8;margin:0}.role-scope-note strong{color:var(--text);font-weight:500}.user-editor{width:min(620px,100% - 32px)}.role-editor{width:min(570px,100% - 32px)}@media(max-width:650px){.form-grid{grid-template-columns:1fr;gap:0}.permission-row{font-size:.6875rem}.permission-list{padding-inline:16px}.role-scope-note{padding:16px}.permission-value{font-size:.65rem}.account-actions .button{width:100%}}.activity-preview{border-top:1px solid var(--divider);padding-top:20px;margin-top:28px}.activity-preview h2{font-size:.8125rem;font-weight:500}.activity-preview p{display:flex;gap:10px;align-items:center;font-size:.6875rem;color:var(--muted);line-height:1.6}:root body select:not([multiple]):not([size]){appearance:none;padding-right:40px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%238ed1ff' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m7 10 5 5 5-5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 13px center;cursor:pointer;transition:border-color .15s,box-shadow .15s}:root body select:not([multiple]):not([size]):hover:not(:disabled){border-color:var(--ice)}:root body select:not([multiple]):not([size]):disabled{cursor:not-allowed;opacity:.5}:root body select:not([multiple]):not([size]) option{color:var(--text);background:var(--surface)}@supports (appearance: base-select){:root body select:not([multiple]):not([size]),:root body select:not([multiple]):not([size])::picker(select){appearance:base-select}:root body select:not([multiple]):not([size]){display:block;padding-right:40px;white-space:normal;overflow-wrap:anywhere}:root body select:not([multiple]):not([size])::picker-icon{display:none}:root body select:not([multiple]):not([size]):open{border-color:var(--ice);box-shadow:0 0 0 3px #3088d020}:root body select:not([multiple]):not([size])::picker(select){color:var(--text);background:linear-gradient(145deg,#142e47,#0b1c30);border:1px solid #456d8c;border-radius:14px;padding:6px;margin-block:7px;box-shadow:0 16px 40px #0008,inset 0 1px #ffffff09;max-height:min(340px,55dvh);max-width:calc(100vw - 24px);overflow:auto;scrollbar-color:var(--border) transparent;overscroll-behavior:contain}:root body select:not([multiple]):not([size]) option{display:flex;align-items:center;gap:12px;min-height:44px;padding:10px 12px;margin:2px 0;border:1px solid transparent;border-radius:9px;background:transparent;font:inherit;line-height:1.4;white-space:normal;overflow-wrap:anywhere}:root body select:not([multiple]):not([size]) option:hover:not(:disabled),:root body select:not([multiple]):not([size]) option:focus-visible{background:#214b70;outline:none;border-color:#517d9d}:root body select:not([multiple]):not([size]) option:checked{color:var(--ice);background:#1a4163;border-color:#36638a}:root body select:not([multiple]):not([size]) option::checkmark{color:var(--ice);order:1;margin-left:auto}:root body select:not([multiple]):not([size]) option:disabled{opacity:.45;cursor:not-allowed}}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:29px}.metric{padding:21px 22px;display:flex;justify-content:space-between;align-items:flex-start;gap:8px;border:1px solid var(--divider);border-radius:var(--panel-radius);background:linear-gradient(125deg,#102239ee,#07182d99)}.metric>div>span{font-size:.6875rem;color:var(--muted)}.metric strong{display:block;font-size:1.9375rem;font-weight:500;line-height:1.35;margin:9px 0 6px;font-variant-numeric:tabular-nums}.metric small{font-size:.65rem;color:var(--muted);display:flex;gap:6px;align-items:center}.metric-icon{padding:10px;border-radius:12px;background:#3088d012;border:1px solid rgba(48,136,208,.1490196078);display:flex}.metric-icon.green{background:#2ecc710b;border-color:#2ecc7124}.metric-icon.purple{background:#8e6bff0d;border-color:#8e6bff26}.table-scroll{overflow:auto}table{border-collapse:collapse;width:100%;white-space:nowrap;text-align:left}th{font-size:.65rem;letter-spacing:1.1px;color:#9ab1c8;font-weight:500;padding:14px 16px;background:#10223980;border-block:1px solid var(--divider)}th:first-child,td:first-child{padding-left:24px}th:last-child,td:last-child{padding-right:24px}td{padding:18px 16px;border-bottom:1px solid rgba(32,56,79,.5019607843);font-size:.75rem}tbody tr:last-child td{border-bottom:none}tbody tr:hover{background:#17334e40}.company{display:flex;align-items:center;gap:12px}.company-avatar{width:39px;height:39px;display:grid;place-items:center;border-radius:12px;border:1px solid rgba(142,209,255,.1333333333);background:#3088d01c;font-size:.75rem;font-weight:500;flex-shrink:0}.company-avatar.amber{background:#d9973414;border-color:#d9973430}.company-avatar.green{background:#2ecc7110;border-color:#2ecc7126}.company-avatar.purple{background:#8e6bff14;border-color:#8e6bff30}.company-avatar.rose{background:#e74c3c10;border-color:#e74c3c26}.company-name{padding:0;background:none;border:0;color:var(--text);text-align:left;font-size:.75rem;font-weight:500}.company-name:hover{color:var(--ice)}.secondary{display:block;color:#9ab1c8;font-size:.65rem;margin-top:5px}.separator{margin:0 7px;color:#52708c}.contact-name{font-size:.6875rem}.product-badge{display:inline-flex;align-items:center;gap:6px;color:var(--text);border:1px solid var(--border);border-radius:6px;padding:5px 7px;font-size:.65rem;background:#17334e66}.product-badge>span{color:var(--ice);margin-left:-6px}.product-badge app-icon{width:12px;height:12px;color:var(--ice)}.status-badge{display:inline-flex;align-items:center;gap:6px;font-size:.65rem;padding:5px 8px;border-radius:6px}.active-status{background:#2ecc7110;color:#7fe1ad}.trial-status{background:#8e6bff14;color:#c3b3ff}.suspended-status{background:#e74c3c10;color:#f2a6ae}.store-count{display:flex;align-items:center;gap:9px;color:var(--muted);font-size:.75rem}.store-count app-icon{width:14px;height:14px;color:#7c99b3}.row-action{width:29px;height:29px;border:1px solid var(--divider);border-radius:8px}.row-action app-icon{width:15px;height:15px}.pagination{border-top:1px solid var(--divider);display:flex;align-items:center;justify-content:space-between;padding:16px 24px;gap:15px;font-size:.65rem;color:#9ab1c8}.pagination strong{color:var(--text);font-weight:500}.pagination>div{display:flex;align-items:center;gap:13px}.page-button{width:29px;height:29px;background:var(--surface);border:1px solid var(--border);border-radius:7px;font-size:1.25rem;color:var(--ice)}.detail-identity{display:flex;align-items:center;gap:15px;margin-bottom:30px}.company-avatar.large{width:55px;height:55px;font-size:1.0625rem}.detail-identity h2{margin:0 0 7px;font-size:1.375rem}.detail-identity p{font-size:.75rem;color:var(--muted);margin:0}dialog h3{font-size:.8125rem;color:var(--ice);font-weight:500;margin:25px 0 15px}dl{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin:0}dt{color:var(--muted);font-size:.6875rem;margin-bottom:7px}dd{font-size:.75rem;margin:0;overflow-wrap:anywhere}.product-detail{display:flex;align-items:center;gap:16px;padding:20px;border:1px solid var(--border);border-radius:12px;background:var(--surface);margin-bottom:20px}.product-detail>app-icon{color:var(--ice)}.product-detail strong{font-weight:500}.product-detail p{font-size:.6875rem;color:var(--muted);margin:7px 0 0}.close-detail{float:right}.create-dialog form>label{display:block;font-size:.75rem;margin-top:18px}.create-dialog input{display:block;width:100%;margin-top:8px;padding:12px;border:1px solid var(--border);border-radius:12px;background:var(--navy);font-size:.8125rem}.optional{color:var(--muted);font-size:.65rem}.orb{display:block;width:26px;height:26px;border:1px solid rgba(64,152,232,.5019607843);border-radius:50%;box-shadow:0 0 24px #3088d028;position:relative;margin-bottom:15px}.orb:after{content:"";position:absolute;inset:7px;border-radius:50%;background:linear-gradient(140deg,var(--ice),#8e6bff)}@font-face{font-family:Oxanium;src:url(/fonts/oxanium-variable.ttf) format("truetype");font-style:normal;font-weight:200 800;font-display:swap}:root{font-size:125%;--brand: #3088d0;--brand-hover: #4098e8;--action: #246fa9;--ice: #8ed1ff;--navy: #07182d;--background: #050e1b;--surface: #102239;--raised: #17334e;--text: #f4f7fb;--muted: #b6c6d6;--border: #34546e;--divider: #20384f;--field-radius: 12px;--panel-radius: 18px;color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 90% 0%,rgba(16,34,57,.4392156863),transparent 55%),var(--background);color:var(--text);font-family:Oxanium,system-ui,sans-serif;font-size:.875rem;line-height:1.5;-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}button,input,select{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--ice);outline-offset:4px}h1,h2,h3,p{margin-top:0}button{transition:background .15s,border-color .15s}a{color:var(--ice)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:8px;left:8px;transform:translateY(-150%);z-index:100;background:var(--surface);padding:12px;border:1px solid var(--ice);border-radius:8px}.skip-link:focus{transform:translateY(0)}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid transparent;background:transparent;border-radius:10px;color:var(--muted)}.icon-button:hover{background:var(--raised);color:var(--ice)}.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:1px solid var(--border);border-radius:var(--field-radius);padding:12px 17px;min-height:44px;font-size:.75rem;font-weight:600;white-space:nowrap}.primary{background:var(--action);color:#fff;border-color:#4098e850;box-shadow:0 4px 18px #0002}.primary:hover:not(:disabled){background:#2c7fbd}.secondary-button{background:var(--surface)}.secondary-button:hover{background:var(--raised)}.eyebrow{font-size:.65rem;font-weight:500;letter-spacing:1.8px;color:var(--ice);margin-bottom:12px}.dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:currentColor;flex-shrink:0}.green{color:#7fe1ad}.blue{color:var(--ice)}.purple{color:#c3b3ff}.amber{color:#f5cd8e}.rose{color:#f2a6ae}dialog{border:1px solid var(--border);border-radius:20px;background:linear-gradient(150deg,var(--surface),var(--navy));color:var(--text);padding:27px;width:min(560px,100% - 32px);max-height:90dvh;box-shadow:0 24px 100px #0008}dialog::backdrop{background:#020711b5;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}dialog h2{font-size:1.5rem;font-weight:600;margin-bottom:12px}.dialog-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.dialog-top .eyebrow{margin:0}.dialog-note{color:var(--muted);font-size:.75rem;line-height:1.8}.form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:25px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;scroll-behavior:auto!important}}@media(max-width:600px){.workspace:has(app-support) .preview-badge{display:none}}
