:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:16px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}}*{box-sizing:border-box}body{min-height:100svh;margin:0}#root{min-height:100svh}.field{margin-bottom:20px}.field label{color:var(--text-h);margin-bottom:8px;font-size:14px;font-weight:600;display:block}.field select{box-sizing:border-box;border:1px solid var(--border);background:var(--code-bg);width:100%;height:52px;color:var(--text-h);font:inherit;border-radius:999px;padding:0 20px;font-size:15px}.field__input-wrapper{border:1px solid var(--border);background:var(--code-bg);border-radius:999px;height:52px;transition:border-color .2s;position:relative}.field__input-wrapper:focus-within{border-color:var(--accent)}.field__input-wrapper input{box-sizing:border-box;border-radius:inherit;width:100%;height:100%;color:var(--text-h);font:inherit;background:0 0;border:none;padding:0 46px 0 20px;font-size:15px}.field__input-wrapper input:focus{outline:none}.field__input-wrapper input::placeholder{color:var(--text);opacity:.6}.field__input-wrapper--plain input{padding-right:20px}.field__input-wrapper--textarea{border-radius:16px;height:auto}.field__input-wrapper--textarea textarea{box-sizing:border-box;border-radius:inherit;width:100%;color:var(--text-h);font:inherit;resize:vertical;background:0 0;border:none;padding:14px 20px;font-size:15px;display:block}.field__input-wrapper--textarea textarea:focus{outline:none}.field__input-wrapper--textarea textarea::placeholder{color:var(--text);opacity:.6}.field__hint{color:var(--text);margin:8px 4px 0;font-size:12px}.field__color-row{align-items:center;gap:12px;display:flex}.field__color-input{border:1px solid var(--border);background:var(--code-bg);cursor:pointer;border-radius:10px;width:52px;height:40px;padding:2px}.field__color-hint{margin:0}.field__toggle{color:var(--text-h);cursor:pointer;align-items:center;gap:10px;margin-bottom:20px;font-size:14px;font-weight:600;display:flex}.field__toggle input{width:16px;height:16px;accent-color:var(--accent)}.field__icon{width:18px;height:18px;color:var(--text);opacity:.6;pointer-events:none;position:absolute;top:50%;right:18px;transform:translateY(-50%)}.error-text{text-align:center;color:#dc2626;margin:-4px 0 16px;font-size:13px}.success-text{text-align:center;color:#16a34a;margin:-4px 0 16px;font-size:13px}.submit-button{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:999px;justify-content:center;align-items:center;width:100%;height:52px;font-size:16px;font-weight:700;transition:opacity .2s,transform .1s;display:flex}.submit-button:hover:not(:disabled){opacity:.92}.submit-button:active:not(:disabled){transform:scale(.99)}.submit-button:disabled{opacity:.7;cursor:default}.submit-button--ghost{border:1px solid var(--border);color:var(--text-h);background:0 0}.spinner{border:2.5px solid #ffffff59;border-top-color:#fff;border-radius:50%;width:20px;height:20px;animation:.7s linear infinite spin}.submit-button--ghost .spinner{border-color:var(--border);border-top-color:var(--text-h)}@keyframes spin{to{transform:rotate(360deg)}}.modal-backdrop{z-index:100;background:#08060d8c;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-panel{background:var(--bg);border:1px solid var(--border);width:100%;max-width:420px;max-height:calc(100svh - 40px);box-shadow:var(--shadow);border-radius:20px;overflow-y:auto}.modal-panel__header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.modal-panel__header h3{color:var(--text-h);margin:0;font-size:18px;font-weight:700}.modal-panel__close{background:var(--code-bg);width:32px;height:32px;color:var(--text);cursor:pointer;border:none;border-radius:50%;font-size:20px;line-height:1}.modal-panel__close:hover{background:var(--border)}.modal-panel__body{padding:24px}.modal-panel__loading{color:var(--text);margin:0;font-size:14px}.modal-panel--wide{max-width:640px}.shell{min-height:100svh;display:flex}.shell__sidebar{--sidebar-fg:#ffffffb8;color:var(--sidebar-fg);background:linear-gradient(#1c1730 0%,#150f26 100%);flex-direction:column;flex:0 0 260px;padding:28px 20px;display:flex}@media (width<=900px){.shell__sidebar{display:none}}.shell__logo{color:#fff;margin-bottom:32px;padding:0 12px;font-size:20px;font-weight:700}.shell__nav{flex-direction:column;flex:1;gap:2px;display:flex}.shell__nav-heading{letter-spacing:.06em;text-transform:uppercase;color:#fff6;margin:0 0 8px;padding:0 12px;font-size:12px;font-weight:700}.shell__nav-item{color:var(--sidebar-fg);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:10px;align-items:center;gap:12px;padding:11px 12px;font-size:14px;font-weight:600;display:flex}.shell__nav-item svg{flex-shrink:0;width:16px;height:16px}.shell__nav-item:hover{color:#fff;background:#ffffff0f}.shell__nav-item.is-active{background:var(--accent);color:#fff}.shell__nav-chevron{flex-shrink:0;width:12px;height:12px;margin-left:auto;transition:transform .15s}.shell__nav-chevron.is-open{transform:rotate(180deg)}.shell__nav-sub{flex-direction:column;gap:2px;padding:2px 0 6px 34px;display:flex}.shell__nav-subitem{color:var(--sidebar-fg);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:8px 12px;font-size:13px;font-weight:600}.shell__nav-subitem:hover{color:#fff;background:#ffffff0f}.shell__nav-subitem.is-active{color:#fff;background:#ffffff1a}.shell__logout{color:var(--sidebar-fg);cursor:pointer;background:0 0;border:1px solid #ffffff1f;border-radius:10px;align-items:center;gap:12px;padding:11px 12px;font-size:14px;font-weight:600;display:flex}.shell__logout svg{width:16px;height:16px}.shell__logout:hover{color:#fff;background:#ffffff0f}.shell__main{flex-direction:column;flex:1;min-width:0;display:flex}.shell__header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:20px 32px;display:flex}.shell__header h1{color:var(--text-h);margin:0;font-size:20px;font-weight:700}.shell__profile{position:relative}.shell__profile-trigger{border:1px solid var(--border);background:var(--code-bg);cursor:pointer;border-radius:999px;align-items:center;gap:10px;padding:6px 10px 6px 6px;display:flex}.shell__avatar{background:var(--accent);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;font-weight:700;display:flex}.shell__profile-text{flex-direction:column;align-items:flex-start;line-height:1.25;display:flex}.shell__profile-name{color:var(--text-h);font-size:13px;font-weight:700}.shell__profile-level{color:var(--text);font-size:12px}.shell__profile-scrim{cursor:default;z-index:10;background:0 0;border:none;position:fixed;inset:0}.shell__profile-menu{border:1px solid var(--border);background:var(--bg);min-width:200px;box-shadow:var(--shadow);z-index:20;border-radius:14px;padding:6px;position:absolute;top:calc(100% + 8px);right:0}.shell__profile-menu button{width:100%;color:var(--text-h);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:10px 12px;font-size:14px;display:block}.shell__profile-menu button:hover{background:var(--code-bg)}.shell__content{flex:1;padding:32px}.shell__confirm-text{color:var(--text);margin:0 0 20px;font-size:14px}.shell__confirm-actions{flex-direction:column;gap:10px;display:flex}.placeholder-page{justify-content:center;align-items:center;min-height:50vh;display:flex}.placeholder-page__card{text-align:center;border:1px solid var(--border);background:var(--code-bg);border-radius:20px;max-width:480px;padding:32px}.placeholder-page__card h2{color:var(--text-h);margin:0 0 8px;font-size:22px}.placeholder-page__card p{color:var(--text);margin:0}.auth-layout{width:100%;min-height:100svh;display:flex}.auth-panel{--panel-fg:#ffffffeb;min-width:420px;color:var(--panel-fg);background:linear-gradient(160deg,#8b3ffb 0%,#6d28d9 55%,#4c1d95 100%);flex-direction:column;flex:0 0 44%;justify-content:space-between;padding:48px;display:flex;position:relative;overflow:hidden}@media (width<=1024px){.auth-panel{display:none}}.auth-panel__top{z-index:1}.auth-panel__logo{letter-spacing:.2px;color:#fff;font-size:22px;font-weight:700}.auth-panel__shapes{z-index:0;position:absolute;inset:0}.auth-panel__shapes .shape{background:#ffffff14;border-radius:50%;position:absolute}.shape--one{width:420px;height:420px;top:-120px;right:-140px}.shape--two{background:#ffffff0f;width:260px;height:260px;bottom:60px;right:-80px}.shape--three{background:#ffffff12;width:140px;height:140px;bottom:-40px;left:40px}.auth-panel__slogan{z-index:1;color:#fff;margin:0;font-size:40px;font-weight:700;line-height:1.2}.auth-form-area{flex:auto;justify-content:center;align-items:center;padding:32px 20px;display:flex}.auth-card{width:100%;max-width:400px}.auth-card__title{text-align:center;margin-bottom:32px}.auth-card__title h1{color:var(--text-h);margin:0;font-size:34px;font-weight:700}.auth-card__title-shape{background:var(--accent);opacity:.6;border-radius:2px;width:56px;height:4px;margin:10px auto 0;display:block}.remember-row{color:var(--text-h);cursor:pointer;align-items:center;gap:10px;margin:4px 0 24px;font-size:14px;display:flex}.remember-row input{width:16px;height:16px;accent-color:var(--accent)}.project-urls__group{margin-bottom:18px}.project-urls__group ul{margin:0;padding:0;list-style:none}.project-urls__heading{text-transform:uppercase;letter-spacing:.05em;color:var(--text-h);align-items:center;gap:8px;margin:0 0 8px;font-size:13px;font-weight:700;display:flex}.project-urls__heading span{background:var(--border);color:var(--text);border-radius:999px;padding:1px 8px;font-size:11px}.project-urls__heading--dev span{color:#1d4ed8;background:#3b82f626}.project-urls__heading--stage span{color:#b45309;background:#f59e0b2e}.project-urls__heading--live span{color:#0c8a37;background:#0fbc4926}.project-urls__none{color:var(--text);margin:0;font-size:13px}.project-urls__item{border-radius:10px;justify-content:space-between;align-items:center;gap:12px;padding:8px 10px;display:flex}.project-urls__item:hover,.project-urls__item.is-editing{background:var(--accent-bg)}.project-urls__text{flex-direction:column;min-width:0;display:flex}.project-urls__name{color:var(--text-h);font-size:14px;font-weight:600}.project-urls__text a{color:var(--accent);overflow-wrap:anywhere;font-size:13px;text-decoration:none}.project-urls__text a:hover{text-decoration:underline}.project-urls__actions{flex-shrink:0;gap:6px;display:flex}.project-urls__actions button{border:1px solid var(--border);background:var(--bg);height:28px;color:var(--text-h);cursor:pointer;border-radius:999px;padding:0 12px;font-size:12px;font-weight:600}.project-urls__actions button:hover{border-color:var(--accent-border);color:var(--accent)}.project-urls__actions button.is-danger:hover{color:#b91c1c;border-color:#dc262680}.project-urls__form{border-top:1px solid var(--border);margin-top:8px;padding-top:18px}.project-urls__form h4{color:var(--text-h);margin:0 0 12px;font-size:15px}.project-urls__row{grid-template-columns:140px 1fr;gap:12px;display:grid}.project-urls__buttons{gap:10px;display:flex}.project-url-counts{flex-wrap:wrap;align-items:center;gap:6px;display:inline-flex}.project-url-counts__chip{white-space:nowrap;border-radius:999px;padding:2px 9px;font-size:11px;font-weight:700}.project-url-counts__chip--dev{color:#1d4ed8;background:#3b82f626}.project-url-counts__chip--stage{color:#b45309;background:#f59e0b2e}.project-url-counts__chip--live{color:#0c8a37;background:#0fbc4926}.project-url-counts__button{border:1px solid var(--border);background:var(--bg);height:28px;color:var(--text-h);cursor:pointer;border-radius:999px;padding:0 12px;font-size:12px;font-weight:600}.project-url-counts__button:hover{border-color:var(--accent-border);color:var(--accent)}.projects-page__card{border:1px solid var(--border);background:var(--code-bg);border-radius:20px;padding:24px}.projects-page__heading{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.projects-page__heading h3{color:var(--text-h);align-items:center;gap:10px;margin:0;font-size:17px;font-weight:700;display:flex}.projects-page__badge{background:var(--accent-bg);color:var(--accent);border-radius:999px;padding:2px 10px;font-size:12px;font-weight:700}.projects-page__add{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:999px;height:38px;padding:0 18px;font-size:14px;font-weight:700}.projects-page__add:hover{opacity:.92}.projects-page__muted{color:var(--text);font-size:14px}.projects-page__table-wrap{overflow-x:auto}.projects-page__table{border-collapse:collapse;width:100%;min-width:720px}.projects-page__table th{text-align:left;letter-spacing:.04em;text-transform:uppercase;color:var(--text);padding:0 16px 12px;font-size:12px;font-weight:700}.projects-page__table td{border-top:1px solid var(--border);color:var(--text-h);vertical-align:top;padding:14px 16px;font-size:14px}.projects-page__name{white-space:nowrap;font-weight:600}.projects-page__description{white-space:pre-line;max-width:420px}.projects-page__domain{color:var(--accent);font-weight:600;text-decoration:none}.projects-page__domain:hover{text-decoration:underline}.projects-page__expiry-cell{white-space:nowrap;align-items:center;gap:8px;display:inline-flex}.projects-page__expiry{text-transform:uppercase;letter-spacing:.03em;border-radius:999px;padding:2px 9px;font-size:11px;font-weight:700}.projects-page__expiry--soon{color:#b45309;background:#f59e0b26}.projects-page__expiry--expired{color:#b91c1c;background:#dc26261f}.projects-page__empty{text-align:center;color:var(--text)!important;padding:28px 16px!important}.project-users__intro{color:var(--text);margin:-8px 0 20px;font-size:14px}.project-users__intro code{font-family:var(--mono);font-size:13px}.project-users__status{flex-wrap:wrap;gap:6px;display:inline-flex}.project-users__badge{text-transform:uppercase;letter-spacing:.03em;white-space:nowrap;border-radius:999px;padding:2px 9px;font-size:11px;font-weight:700}.project-users__badge--on{color:#0c9c3d;background:#0fbc491f}.project-users__badge--off{color:#b91c1c;background:#dc26261f}.project-users__badge--warn{color:#b45309;background:#f59e0b26}.project-users__actions{text-align:right;white-space:nowrap}.project-users__actions button{border:1px solid var(--border);background:var(--bg);height:32px;color:var(--text-h);cursor:pointer;border-radius:999px;margin-left:8px;padding:0 14px;font-size:13px;font-weight:600}.project-users__actions button:hover{border-color:var(--accent-border);color:var(--accent)}.project-users__projects{flex-wrap:wrap;gap:6px;max-width:280px;display:inline-flex}.project-users__chip{background:var(--accent-bg);color:var(--accent);white-space:nowrap;border-radius:999px;padding:3px 10px;font-size:12px;font-weight:600}.project-picker{border:none;min-width:0;padding:0}.project-picker legend{color:var(--text-h);margin-bottom:8px;font-size:13px;font-weight:600}.project-picker__list{border:1px solid var(--border);border-radius:14px;max-height:180px;padding:6px;overflow-y:auto}.project-picker__item{color:var(--text-h);cursor:pointer;border-radius:10px;align-items:center;gap:10px;padding:8px 10px;font-size:14px;display:flex}.project-picker__item:hover{background:var(--accent-bg)}.project-picker__item input{width:16px;height:16px;accent-color:var(--accent)}.project-picker__domain{color:var(--text);margin-left:8px;font-size:12px}.subs-page__card{border:1px solid var(--border);background:var(--code-bg);border-radius:20px;padding:24px}.subs-page__heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:8px;display:flex}.subs-page__heading h3{color:var(--text-h);align-items:center;gap:10px;margin:0;font-size:17px;font-weight:700;display:flex}.subs-page__badge{background:var(--accent-bg);color:var(--accent);border-radius:999px;padding:2px 10px;font-size:12px;font-weight:700}.subs-page__search{border:1px solid var(--border);background:var(--bg);width:260px;max-width:100%;height:38px;color:var(--text-h);font:inherit;border-radius:999px;padding:0 16px;font-size:14px}.subs-page__search:focus{border-color:var(--accent-border);outline:none}.subs-page__intro{color:var(--text);margin:0 0 20px;font-size:14px}.subs-page__loading{color:var(--text);font-size:14px}.subs-page__table-wrap{overflow-x:auto}.subs-page__table{border-collapse:collapse;width:100%;min-width:560px}.subs-page__table th{text-align:left;letter-spacing:.04em;text-transform:uppercase;color:var(--text);padding:0 16px 12px;font-size:12px;font-weight:700}.subs-page__table td{border-top:1px solid var(--border);color:var(--text-h);vertical-align:middle;padding:14px 16px;font-size:14px}.subs-page__email{word-break:break-all;font-weight:600}.subs-page__status{border-radius:999px;padding:3px 10px;font-size:12px;font-weight:700}.subs-page__status--active{color:#0c9c3d;background:#0fbc491f}.subs-page__status--unsubscribed{background:var(--border);color:var(--text)}.subs-page__empty{text-align:center;color:var(--text)!important;padding:28px 16px!important}.users-page__card{border:1px solid var(--border);background:var(--code-bg);border-radius:20px;padding:24px}.users-page__heading{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.users-page__heading h3{color:var(--text-h);align-items:center;gap:10px;margin:0;font-size:17px;font-weight:700;display:flex}.users-page__badge{background:var(--accent-bg);color:var(--accent);border-radius:999px;padding:2px 10px;font-size:12px;font-weight:700}.users-page__add{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:999px;height:38px;padding:0 18px;font-size:14px;font-weight:700}.users-page__add:hover{opacity:.92}.users-page__loading{color:var(--text);font-size:14px}.users-page__table-wrap{overflow-x:auto}.users-page__table{border-collapse:collapse;width:100%;min-width:640px}.users-page__table th{text-align:left;letter-spacing:.04em;text-transform:uppercase;color:var(--text);padding:0 16px 12px;font-size:12px;font-weight:700}.users-page__table td{border-top:1px solid var(--border);color:var(--text-h);vertical-align:middle;padding:14px 16px;font-size:14px}.users-page__user{align-items:center;gap:12px;display:flex}.users-page__avatar{background:var(--accent);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;font-weight:700;display:flex}.users-page__name{align-items:center;gap:8px;font-weight:600;display:flex}.users-page__default-tag{border:1px solid var(--border);color:var(--text);text-transform:uppercase;border-radius:999px;padding:1px 8px;font-size:11px;font-weight:600}.users-page__username{color:var(--text);font-size:12px}.users-page__level{border-radius:999px;padding:3px 12px;font-size:12px;font-weight:700;display:inline-block}.users-page__level--admin{color:#8b3ffb;background:#8b3ffb26}.users-page__level--manager{color:#0ea5e9;background:#0ea5e926}.users-page__level--reports{color:var(--text);background:#64748b26}.users-page__actions{text-align:right}.users-page__reset{border:1px solid var(--border);height:32px;color:var(--text-h);cursor:pointer;white-space:nowrap;background:0 0;border-radius:999px;padding:0 14px;font-size:13px;font-weight:600}.users-page__reset:hover{background:var(--bg)}