:root{--primary:#002da8;--primary-hover:#033cdb;--dark-blue:#182d87;--background:#f7f8fa;--surface:#fff;--text-main:#111827;--text-secondary:#4b5563;--text-light:#6b7280;--border-light:#e5e7eb;--border-medium:#d1d5db;--success:#16a34a;--warning:#f59e0b;--error:#dc2626;--font-family:"DM Sans", "Inter", sans-serif;--font-fallback:"Inter", sans-serif;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #00000014, 0 2px 4px -1px #0000000a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -2px #0000000d;--transition:all .2s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--background);height:100%;color:var(--text-main);font-family:var(--font-family);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:14px;overflow-x:hidden}body{flex-direction:column;min-height:100vh;display:flex}h1,h2,h3,h4,h5,h6{font-family:var(--font-family);color:var(--dark-blue);font-weight:700}p{color:var(--text-secondary);line-height:1.5}a{color:var(--primary);transition:var(--transition);text-decoration:none}a:hover{color:var(--primary-hover)}.app-container{width:100%;min-height:100vh;display:flex}.sidebar{background-color:var(--surface);border-right:1px solid var(--border-light);z-index:10;width:280px;height:100vh;box-shadow:var(--shadow-sm);flex-direction:column;padding:24px 16px;display:flex;position:fixed;top:0;left:0}.main-content{background-color:var(--background);flex-direction:column;flex:1;min-height:100vh;margin-left:280px;display:flex}.topbar{background-color:var(--surface);border-bottom:1px solid var(--border-light);z-index:5;justify-content:space-between;align-items:center;height:64px;padding:0 32px;display:flex;position:sticky;top:0}.page-body{flex:1;width:100%;padding:32px}.card{background-color:var(--surface);border:1px solid var(--border-light);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:24px}.card-title{color:var(--dark-blue);margin-bottom:16px;font-size:16px}.btn{font-family:var(--font-family);border-radius:var(--radius-md);cursor:pointer;height:40px;transition:var(--transition);white-space:nowrap;border:none;justify-content:center;align-items:center;gap:8px;padding:0 16px;font-size:14px;font-weight:600;display:inline-flex}.btn-primary{background-color:var(--primary);color:var(--surface)}.btn-primary:hover{background-color:var(--primary-hover)}.btn-primary:disabled{background-color:var(--border-medium);color:var(--text-light);cursor:not-allowed}.btn-secondary{background-color:var(--surface);border:1px solid var(--border-medium);color:var(--text-main)}.btn-secondary:hover{background-color:var(--background);border-color:var(--text-light)}.btn-danger{background-color:var(--error);color:var(--surface)}.btn-danger:hover{filter:brightness(.9)}.nav-menu{flex-direction:column;gap:4px;margin-bottom:20px;display:flex}.nav-menu-item{color:var(--text-secondary);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition);text-align:left;background:0 0;border:none;align-items:center;gap:10px;padding:10px 14px;font-size:13px;font-weight:600;display:flex}.nav-menu-item:hover{background-color:var(--background);color:var(--primary)}.nav-menu-item.active{color:var(--primary);background-color:#002da80f}.form-group{margin-bottom:16px}.form-label{text-transform:uppercase;color:var(--text-secondary);letter-spacing:.05em;margin-bottom:6px;font-size:11px;font-weight:600;display:block}.form-input{border:1px solid var(--border-medium);border-radius:var(--radius-md);background-color:var(--surface);width:100%;height:40px;color:var(--text-main);font-family:var(--font-family);transition:var(--transition);padding:0 12px;font-size:14px}.form-input:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #002da826}.form-input::placeholder{color:var(--text-light)}.form-input:disabled{background-color:var(--background);color:var(--text-light);cursor:not-allowed}.badge{text-transform:uppercase;letter-spacing:.02em;border-radius:9999px;align-items:center;padding:2px 8px;font-size:11px;font-weight:600;display:inline-flex}.badge-success{color:var(--success);background-color:#16a34a1a}.badge-warning{color:var(--warning);background-color:#f59e0b1a}.badge-error{color:var(--error);background-color:#dc26261a}.builder-layout{grid-template-columns:1.1fr .9fr;gap:24px;height:calc(100vh - 128px);display:grid;overflow:hidden}@media (max-width:1024px){.builder-layout{grid-template-columns:1fr;height:auto;overflow:visible}}.editor-pane{background-color:var(--surface);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);flex-direction:column;display:flex;overflow:hidden}.preview-pane{flex-direction:column;gap:20px;display:flex;overflow-y:auto}.tabs-nav{border-bottom:1px solid var(--border-light);background-color:var(--background);scrollbar-width:none;padding:0 12px;display:flex;overflow-x:auto}.tabs-nav::-webkit-scrollbar{display:none}.tab-btn{color:var(--text-secondary);cursor:pointer;transition:var(--transition);white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;padding:14px 16px;font-size:13px;font-weight:600}.tab-btn:hover{color:var(--primary)}.tab-btn.active{color:var(--primary);border-bottom-color:var(--primary)}.tab-content{flex:1;padding:24px;overflow-y:auto}.color-picker-wrapper{align-items:center;gap:12px;display:flex}.color-input-native{border:1px solid var(--border-medium);border-radius:var(--radius-md);cursor:pointer;background:0 0;width:44px;height:40px;padding:0}.color-presets{flex-wrap:wrap;gap:8px;display:flex}.preset-dot{border:2px solid var(--surface);outline:1px solid var(--border-medium);cursor:pointer;width:24px;height:24px;transition:var(--transition);border-radius:50%}.preset-dot:hover,.preset-dot.active{outline-color:var(--primary);transform:scale(1.15)}.templates-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;display:grid}.template-card{border:1px solid var(--border-medium);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition);text-align:center;color:var(--text-secondary);background-color:var(--background);padding:16px;font-weight:600}.template-card:hover{border-color:var(--primary);background-color:var(--surface);color:var(--primary)}.template-card.active{border-color:var(--primary);color:var(--primary);box-shadow:0 0 0 2px var(--primary);background-color:#002da80d}.email-mockup{background-color:var(--surface);border:1px solid var(--border-medium);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);flex-direction:column;display:flex;overflow:hidden}.email-mockup-header{border-bottom:1px solid var(--border-medium);background-color:#ebf0f6;align-items:center;gap:12px;padding:12px 16px;display:flex}.window-dots{gap:6px;display:flex}.dot{border-radius:50%;width:10px;height:10px}.dot-red{background-color:#ff5f56}.dot-yellow{background-color:#ffbd2e}.dot-green{background-color:#27c93f}.email-mockup-subject{color:var(--text-secondary);background-color:var(--surface);border-radius:var(--radius-sm);border:1px solid var(--border-light);flex:1;padding:2px 8px;font-size:12px}.email-mockup-body{background-color:var(--surface);justify-content:flex-start;align-items:flex-start;min-height:220px;padding:24px;display:flex;overflow-x:auto}.upload-zone{border:2px dashed var(--border-medium);border-radius:var(--radius-md);text-align:center;cursor:pointer;transition:var(--transition);color:var(--text-secondary);background-color:var(--background);padding:24px}.upload-zone:hover{border-color:var(--primary);background-color:#002da805}.modal-overlay{z-index:100;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#11182799;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal-content{background-color:var(--surface);border-radius:var(--radius-lg);width:100%;max-width:440px;box-shadow:var(--shadow-lg);border:1px solid var(--border-light);padding:32px;position:relative}.modal-title{color:var(--dark-blue);margin-bottom:24px;font-size:20px}.modal-close{cursor:pointer;color:var(--text-light);transition:var(--transition);background:0 0;border:none;font-size:20px;position:absolute;top:16px;right:16px}.modal-close:hover{color:var(--text-main)}.saved-signatures-list{flex-direction:column;flex:1;gap:12px;margin-top:20px;display:flex;overflow-y:auto}.saved-signature-item{border:1px solid var(--border-light);border-radius:var(--radius-md);background-color:var(--background);cursor:pointer;transition:var(--transition);justify-content:space-between;align-items:center;padding:12px;display:flex}.saved-signature-item:hover,.saved-signature-item.active{border-color:var(--primary);background-color:var(--surface)}.saved-signature-name{color:var(--dark-blue);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.saved-signature-template{color:var(--text-light);margin-top:2px;font-size:11px}.dynamic-row{align-items:center;gap:8px;margin-bottom:8px;display:flex}.dynamic-row .form-input{margin-bottom:0}.admin-table-container{background-color:var(--surface);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-top:16px;overflow:hidden}.admin-table{border-collapse:collapse;text-align:left;width:100%;font-size:13px}.admin-table th{background-color:var(--background);color:var(--dark-blue);border-bottom:1px solid var(--border-light);text-transform:uppercase;letter-spacing:.05em;padding:14px 18px;font-size:11px;font-weight:600}.admin-table td{border-bottom:1px solid var(--border-light);color:var(--text-secondary);padding:14px 18px}.admin-table tr:hover td{background-color:#00000003}.admin-table tr:last-child td{border-bottom:none}.admin-view-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.admin-settings-grid{grid-template-columns:1fr 1fr;gap:24px;display:grid}@media (max-width:768px){.admin-settings-grid{grid-template-columns:1fr}}.skeleton{background:linear-gradient(90deg, var(--border-light) 25%, var(--background) 50%, var(--border-light) 75%);border-radius:var(--radius-sm);background-size:200% 100%;animation:1.5s infinite loading}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.login-split-container{width:100%;min-height:100vh;display:flex}.login-form-side{background-color:var(--surface);box-shadow:var(--shadow-lg);z-index:2;flex:1;justify-content:center;align-items:center;padding:40px;display:flex}.login-form-wrapper{width:100%;max-width:400px}.login-logo-header{align-items:center;gap:12px;margin-bottom:32px;display:flex}.login-app-logo{object-fit:contain;border-radius:var(--radius-md);width:48px;height:48px}.login-app-logo-placeholder{background-color:var(--primary);border-radius:var(--radius-md);justify-content:center;align-items:center;width:48px;height:48px;display:flex}.login-app-name{color:var(--dark-blue);font-size:24px;font-weight:700}.login-title{color:var(--text-main);letter-spacing:-.02em;margin-bottom:8px;font-size:28px;font-weight:800}.login-subtitle{color:var(--text-secondary);margin-bottom:32px;font-size:14px}.login-form-element{flex-direction:column;gap:16px;display:flex}.login-error-box{color:var(--error);border-radius:var(--radius-md);background-color:#dc26260d;border:1px solid #dc262633;align-items:center;gap:8px;padding:12px;font-size:13px;font-weight:500;display:flex}.login-promo-side{z-index:1;flex:1.2;justify-content:center;align-items:center;padding:60px;transition:all .3s;display:flex;position:relative;overflow:hidden}.login-promo-wrapper{flex-direction:column;gap:24px;width:100%;max-width:520px;display:flex}.promo-title{color:inherit;letter-spacing:-.03em;font-size:36px;font-weight:800;line-height:1.15}.promo-subtitle{color:inherit;margin-bottom:8px;font-size:16px;line-height:1.6}.promo-features{flex-direction:column;gap:14px;display:flex}.promo-feature-item{align-items:center;gap:12px;font-size:14px;font-weight:600;display:flex}.feature-check{background-color:#fff3;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;display:flex}.promo-visual-container{border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#ffffff0d;border:1px solid #ffffff26;margin-top:32px;overflow:hidden;box-shadow:0 20px 40px #00000026}.promo-preview-image{object-fit:cover;width:100%;height:auto;max-height:350px;display:block}.promo-mockup-placeholder{justify-content:center;align-items:center;min-height:200px;padding:32px;display:flex}.mockup-email-card{border-radius:var(--radius-md);width:100%;max-width:380px;box-shadow:var(--shadow-lg);color:var(--text-main);border-left:4px solid var(--primary);background-color:#fff;padding:20px}.mockup-header{align-items:center;gap:12px;display:flex}.mockup-avatar{background-color:var(--primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:14px;font-weight:700;display:flex}.mockup-name{font-size:15px;font-weight:700}.mockup-role{color:var(--text-secondary);font-size:12px}.mockup-divider{background-color:var(--border-light);height:1px;margin:14px 0}.mockup-details{color:var(--text-secondary);flex-direction:column;gap:6px;font-size:11px;display:flex}.spinner{border:4px solid var(--border-light);border-top-color:var(--primary);border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:768px){.login-split-container{flex-direction:column-reverse}.login-promo-side{flex:none;padding:40px 24px}.promo-title{font-size:24px}.promo-subtitle{font-size:13px}.promo-visual-container{display:none}.login-form-side{padding:40px 24px}}
:root{--sidebar-collapsed:78px;--sidebar-expanded:284px;--topbar-height:68px;--content-max:none;--surface-soft:#f9fafb;--surface-muted:#f3f4f6;--focus-ring:#033cdb2e}html,body{background:#f7f8fa;font-size:15px}button,input,select,textarea{font:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px}.app-container{background:var(--background);min-height:100dvh}.sidebar{--dark-blue:#fff;--text-secondary:#ffffffd1;--text-light:#ffffffa3;--border-light:#ffffff24;width:var(--sidebar-collapsed);z-index:30;background:#182d87;border-right:0;padding:20px 12px;transition:width .18s,background-color .18s,box-shadow .18s;overflow:hidden auto;box-shadow:8px 0 24px #11182714}.sidebar:hover,.sidebar:focus-within{width:var(--sidebar-expanded);background:#002da8;box-shadow:14px 0 34px #11182726}.sidebar>div:first-child{min-width:252px;height:42px;margin-bottom:22px!important}.sidebar>div:first-child>div:last-child{opacity:0;transition:opacity .14s,transform .14s;transform:translate(-4px)}.sidebar:hover>div:first-child>div:last-child,.sidebar:focus-within>div:first-child>div:last-child{opacity:1;transform:translate(0)}.sidebar>div:nth-child(2){min-width:252px;min-height:54px}.sidebar>div:nth-child(2) span,.sidebar>div:nth-child(2) button{opacity:0;transition:opacity .12s}.sidebar:hover>div:nth-child(2) span,.sidebar:hover>div:nth-child(2) button,.sidebar:focus-within>div:nth-child(2) span,.sidebar:focus-within>div:nth-child(2) button{opacity:1}.sidebar .nav-menu{gap:6px;width:100%}.sidebar .nav-menu-item{color:#ffffffd1;white-space:nowrap;border:1px solid #0000;border-radius:10px;gap:14px;width:100%;min-width:52px;min-height:44px;padding:0 14px;font-size:14px;font-weight:600}.sidebar .nav-menu-item svg{color:currentColor;width:18px;min-width:18px;height:18px}.sidebar .nav-menu-item:hover{color:#fff;background:#ffffff1a;border-color:#ffffff14}.sidebar .nav-menu-item.active{color:#fff;background:#033cdb;border-color:#fff3;box-shadow:0 5px 14px #0000001f}.sidebar nav+div{opacity:0;visibility:hidden;min-width:252px;transition:opacity .14s,transform .14s,visibility .14s;transform:translate(-6px)}.sidebar:hover nav+div,.sidebar:focus-within nav+div{opacity:1;visibility:visible;transform:translate(0)}.sidebar .form-input{color:#111827;background:#fff;border-color:#ffffff59}.sidebar .saved-signature-item{background:#fffffff5;border-color:#0000}.sidebar .saved-signature-item:hover,.sidebar .saved-signature-item.active{background:#fff;border-color:#033cdb4d}.sidebar .saved-signature-name{color:#182d87;font-size:13px}.sidebar .saved-signature-template{color:#6b7280;font-size:11.5px}.sidebar .btn-secondary{color:#fff;background:#ffffff14;border-color:#ffffff2e}.sidebar .btn-secondary:hover{background:#ffffff24;border-color:#ffffff47}.main-content{margin-left:var(--sidebar-collapsed);background:var(--background);min-width:0}.topbar{min-height:var(--topbar-height);height:var(--topbar-height);z-index:20;background:#fffffffa;border-bottom:1px solid #e5e7eb;padding:0 28px;box-shadow:0 1px 2px #11182706}.topbar h2{letter-spacing:-.01em;font-weight:700;color:#111827!important;font-size:18px!important}.page-body{width:100%;max-width:var(--content-max);padding:26px 28px 32px}.card,.editor-pane,.email-mockup,.admin-table-container,.modal-content{border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 2px #1118270a,0 7px 24px #11182709}.card{padding:22px}.card-title,.modal-title{color:#111827}.btn{border-radius:8px;height:42px;min-height:42px;padding:0 16px;font-size:14px;font-weight:650}.btn-primary{color:#fff;background:#002da8;box-shadow:0 1px 2px #002da824}.btn-primary:hover{background:#033cdb}.btn-secondary{color:#111827;background:#fff;border:1px solid #d1d5db}.btn-secondary:hover{background:#f9fafb;border-color:#9ca3af}.form-group{margin-bottom:18px}.form-label{color:#4b5563;letter-spacing:.035em;margin-bottom:7px;font-size:12px;font-weight:700}.form-input{border-color:#d1d5db;border-radius:8px;height:42px;min-height:42px;padding:0 13px;font-size:14px;box-shadow:0 1px 1px #11182704}textarea.form-input{height:auto;line-height:1.5}.form-input:hover:not(:disabled){border-color:#9ca3af}.form-input:focus{box-shadow:0 0 0 3px var(--focus-ring);border-color:#033cdb}.badge{letter-spacing:.03em;min-height:22px;padding:3px 8px;font-size:10.5px}.builder-layout{height:calc(100dvh - var(--topbar-height) - 58px);grid-template-columns:minmax(0,1.12fr) minmax(360px,.88fr);gap:22px;min-height:600px}.editor-pane{background:#fff}.preview-pane{gap:16px;padding-right:2px}.tabs-nav{background:#fbfcfe;border-bottom-color:#e5e7eb;min-height:52px;padding:0 10px}.tab-btn{color:#6b7280;min-height:52px;padding:0 14px;font-size:13px}.tab-btn:hover{color:#002da8;background:#002da809}.tab-btn.active{color:#002da8;border-bottom-color:#033cdb}.tab-content{padding:22px}.templates-grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:10px}.template-card{background:#f9fafb;border-color:#e5e7eb;min-height:54px;padding:14px;font-size:13.5px}.template-card:hover{background:#fff;border-color:#9bb0ea}.template-card.active{color:#002da8;background:#f4f7ff;border-color:#033cdb;box-shadow:inset 0 0 0 1px #033cdb}.email-mockup{background:#fff}.email-mockup-header{background:#f3f4f6;padding:12px 16px}.email-mockup-body{min-height:250px;padding:26px}.upload-zone{background:#fafbfc;border-color:#cbd5e1;padding:22px}.upload-zone:hover{background:#f6f8ff;border-color:#033cdb}.admin-view-header{margin-bottom:20px}.admin-view-header h2,.admin-view-header h3{color:#111827}.admin-table-container{background:#fff;margin-top:14px}.admin-table{font-size:13.5px}.admin-table th{color:#374151;background:#f8fafc;padding:13px 16px;font-size:11.5px}.admin-table td{color:#374151;padding:14px 16px}.admin-table tbody tr:hover td{background:#fafbff}.modal-overlay{background:#0f172a8f}.modal-content{max-width:480px;padding:28px}.login-split-container{background:#fff}.login-form-side{box-shadow:none;border-right:1px solid #e5e7eb;padding:48px}.login-form-wrapper{max-width:420px}.login-app-name{color:#111827;font-size:23px}.login-title{color:#111827;letter-spacing:-.025em;font-size:30px}.login-subtitle{font-size:15px;line-height:1.6}.login-promo-side{padding:56px;background-image:none!important}.promo-title{letter-spacing:-.03em;font-size:clamp(32px,3.1vw,44px)}.promo-subtitle{font-size:16px}.promo-feature-item{font-size:14.5px}.promo-visual-container{border-radius:12px;box-shadow:0 18px 48px #00000029}.skeleton{background:#e5e7eb;animation:1.3s ease-in-out infinite sign-pulse}@keyframes sign-pulse{0%,to{opacity:.55}50%{opacity:1}}@media (max-width:1180px){.builder-layout{grid-template-columns:1fr;height:auto;min-height:0;overflow:visible}.preview-pane{overflow:visible}}@media (max-width:760px){:root{--sidebar-collapsed:100%}.app-container{flex-direction:column}.sidebar,.sidebar:hover,.sidebar:focus-within{width:100%;height:auto;box-shadow:none;background:#002da8;padding:14px 16px;position:relative;inset:auto;overflow:visible}.sidebar>div:first-child,.sidebar>div:nth-child(2),.sidebar nav+div{min-width:0}.sidebar>div:first-child>div:last-child,.sidebar>div:nth-child(2) span,.sidebar>div:nth-child(2) button,.sidebar nav+div{opacity:1;visibility:visible;transform:none}.sidebar .nav-menu{flex-direction:row;padding-bottom:4px;overflow-x:auto}.sidebar .nav-menu-item{flex:none;width:auto;padding:0 14px}.main-content{margin-left:0}.topbar{flex-wrap:wrap;gap:12px;height:auto;min-height:auto;padding:14px 18px}.page-body{padding:18px 16px 28px}.tab-content{padding:18px}.admin-settings-grid{grid-template-columns:1fr}.admin-table-container{overflow-x:auto}.login-form-side,.login-promo-side{padding:34px 22px}}
:root{--sidebar-collapsed:280px;--sidebar-expanded:280px}.sidebar,.sidebar:hover,.sidebar:focus-within{overflow:hidden auto;background:#002da8!important;width:280px!important;padding:20px 12px 116px!important;box-shadow:8px 0 24px #1118271a!important}.main-content,html.sidebar-pinned .main-content{margin-left:280px!important;transition:none!important}.sidebar>div:first-child{width:100%;min-width:0!important}.sidebar>div:first-child>div:last-child,.sidebar:hover>div:first-child>div:last-child,.sidebar:focus-within>div:first-child>div:last-child{opacity:1!important;visibility:visible!important;transform:none!important}.sidebar>div:nth-child(2){display:none!important}.sidebar .nav-menu{gap:6px;width:100%;margin-top:6px}.sidebar .nav-menu-item{min-height:44px;color:#ffffffe0!important;justify-content:flex-start!important;gap:12px!important;width:100%!important;min-width:0!important;padding:0 14px!important;font-size:14px!important}.sidebar .nav-menu-item svg{width:18px!important;min-width:18px!important;height:18px!important}.sidebar .nav-menu-item:hover{color:#fff!important;background:#ffffff1a!important}.sidebar .nav-menu-item.active{color:#fff!important;background:#033cdb!important;border-color:#fff3!important}.sidebar nav+div,.sidebar:hover nav+div,.sidebar:focus-within nav+div{width:100%;opacity:1!important;visibility:visible!important;min-width:0!important;display:flex!important;transform:none!important}.sidebar nav+div>div:first-of-type{display:none!important}.sidebar{--text-secondary:#ffffffe6;--text-light:#ffffffbd;--border-light:#ffffff29}.sidebar .form-label{color:#ffffffbd!important}.sidebar h1,.sidebar h2,.sidebar h3{color:#fff!important}.sidebar .form-input{color:#111827!important;background:#fff!important;border-color:#ffffff47!important}.sidebar .saved-signatures-list>p{color:#ffffffb3!important}.sidebar .saved-signature-item{background:#fffffff5!important}.sidebar .saved-signature-name{color:#182d87!important}.sidebar .saved-signature-template{color:#64748b!important}.sidebar-pin-toggle{display:none!important}.profile-dock{display:none}body:has(.sidebar) .profile-dock{z-index:70;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#082585f0;border:1px solid #ffffff26;border-radius:12px;align-items:center;gap:6px;width:256px;min-height:62px;padding:7px;display:flex;position:fixed;bottom:12px;left:12px;box-shadow:0 10px 28px #00145438}.profile-dock-main{color:#fff;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:9px;flex:1;align-items:center;gap:10px;min-width:0;padding:5px;display:flex}.profile-dock-main:hover{background:#ffffff14}.profile-dock-avatar{color:#fff;background:#ffffff1f;border:1px solid #fff3;border-radius:10px;place-items:center;width:38px;min-width:38px;height:38px;font-size:12px;font-weight:750;display:grid;overflow:hidden}.profile-dock-avatar img{object-fit:cover;width:100%;height:100%}.profile-dock-copy{flex-direction:column;gap:2px;min-width:0;display:flex}.profile-dock-copy strong{color:#fff;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:700;line-height:1.25;overflow:hidden}.profile-dock-copy span{color:#ffffffad;font-size:11px;line-height:1.2}.profile-dock-logout{color:#ffffffad;cursor:pointer;background:0 0;border:1px solid #ffffff1f;border-radius:8px;place-items:center;width:34px;min-width:34px;height:34px;display:grid}.profile-dock-logout:hover{color:#fff;background:#ffffff14}.profile-modal-overlay{z-index:2000;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0f172a94;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.profile-modal{background:#fff;border:1px solid #e5e7eb;border-radius:16px;width:min(560px,100%);max-height:calc(100dvh - 48px);padding:26px;overflow-y:auto;box-shadow:0 28px 80px #0f172a3d}.profile-modal-header{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:24px;display:flex}.profile-modal-kicker{color:#64748b;letter-spacing:.08em;text-transform:uppercase;margin-bottom:4px;font-size:11px;font-weight:700;display:block}.profile-modal-header h2{color:#111827;letter-spacing:-.02em;font-size:22px}.profile-modal-close{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:9px;place-items:center;width:36px;min-width:36px;height:36px;display:grid}.profile-modal-close:hover{color:#111827;background:#f8fafc}.profile-avatar-editor{background:#f8fafc;border:1px solid #e5e7eb;border-radius:12px;align-items:center;gap:18px;margin-bottom:22px;padding:18px;display:flex}.profile-avatar-preview{color:#94a3b8;background:#fff;border:1px solid #d7dee8;border-radius:16px;place-items:center;width:82px;min-width:82px;height:82px;display:grid;overflow:hidden}.profile-avatar-preview img{object-fit:cover;width:100%;height:100%}.profile-avatar-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.profile-avatar-actions p{color:#64748b;width:100%;margin-top:2px;font-size:11px}.profile-avatar-upload,.profile-avatar-remove{cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:7px;min-height:36px;padding:0 12px;font-size:12px;font-weight:650;display:inline-flex}.profile-avatar-upload{color:#002da8;background:#f4f7ff;border:1px solid #c9d4f4}.profile-avatar-upload input{display:none}.profile-avatar-remove{color:#b91c1c;background:#fff;border:1px solid #fecaca}.profile-avatar-remove:hover{background:#fef2f2}.profile-modal-fields{grid-template-columns:1fr 1fr;gap:14px;display:grid}.profile-field{flex-direction:column;gap:7px;display:flex}.profile-field-full{grid-column:1/-1}.profile-field label{color:#475569;font-size:12px;font-weight:700}.profile-field input{color:#111827;width:100%;height:42px;font:inherit;background:#fff;border:1px solid #d1d5db;border-radius:8px;padding:0 12px}.profile-field input:focus{border-color:#033cdb;outline:3px solid #033cdb24}.profile-field input:disabled{color:#64748b;background:#f8fafc}.profile-modal-error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;margin-top:14px;padding:10px 12px;font-size:12px}.profile-modal-footer{border-top:1px solid #e5e7eb;justify-content:flex-end;gap:10px;margin-top:24px;padding-top:18px;display:flex}.upload-zone{text-align:center;cursor:pointer;justify-content:center;align-items:center;line-height:1.3;transition:border-color .16s,background-color .16s,color .16s,box-shadow .16s;color:#334155!important;background:#f8fafc!important;border:1px dashed #b8c4d6!important;border-radius:10px!important;min-height:46px!important;padding:0 14px!important;font-size:12.5px!important;font-weight:650!important;display:flex!important}.upload-zone:hover{box-shadow:inset 0 0 0 1px #033cdb14;color:#002da8!important;background:#f4f7ff!important;border-color:#033cdb!important}.upload-zone:has(input:disabled){opacity:.6;cursor:not-allowed}.upload-zone+.form-input{background:#fff!important;height:38px!important;min-height:38px!important;margin-top:8px!important;font-size:12px!important}.page-body div:has(>div>label.upload-zone){background:#fbfcfe;border:1px solid #e5e7eb;border-radius:12px;padding:12px 14px;align-items:center!important;gap:14px!important}.page-body div:has(>div>label.upload-zone)>div:last-child{min-width:0}.page-body div:has(>div>label.upload-zone)>div:first-child:not(:has(img)){color:#94a3b8!important;background:#fff!important;border-color:#cbd5e1!important}.page-body div:has(>img+button.btn-danger){flex:none;align-items:center!important;gap:8px!important;display:flex!important;position:relative!important}.page-body div:has(>img+button.btn-danger)>img{box-shadow:0 1px 2px #0f172a0d;background:#fff!important;border-color:#dce3ec!important}.page-body div:has(>img+button.btn-danger)>button.btn-danger{color:#b91c1c!important;width:30px!important;min-width:30px!important;height:30px!important;min-height:30px!important;box-shadow:none!important;background:#fff!important;border:1px solid #fecaca!important;border-radius:8px!important;justify-content:center!important;align-items:center!important;padding:0!important;font-size:15px!important;font-weight:500!important;line-height:1!important;display:inline-flex!important;position:static!important;top:auto!important;right:auto!important}.page-body div:has(>img+button.btn-danger)>button.btn-danger:hover{color:#991b1b!important;background:#fef2f2!important;border-color:#fca5a5!important}.page-body img[alt=Avatar]{width:72px!important;height:72px!important}.page-body img[alt=Logo]{min-width:64px}@media (max-width:760px){:root{--sidebar-collapsed:100%;--sidebar-expanded:100%}.sidebar,.sidebar:hover,.sidebar:focus-within{width:100%!important;height:auto!important;padding:14px 16px 20px!important;position:relative!important}.main-content,html.sidebar-pinned .main-content{margin-left:0!important}body:has(.sidebar) .profile-dock{width:auto;bottom:12px;left:12px;right:12px}.profile-modal-fields{grid-template-columns:1fr}.profile-field-full{grid-column:auto}.profile-avatar-editor{align-items:flex-start}.page-body div:has(>div>label.upload-zone){flex-direction:column!important;align-items:stretch!important}.page-body div:has(>img+button.btn-danger){justify-content:flex-start;width:100%}}
.global-nav-entry{order:-10;text-decoration:none}.workspace-app{background:#f7f8fa;min-height:100dvh}.workspace-sidebar{justify-content:flex-start}.workspace-brand{align-items:center;gap:11px;min-height:44px;margin-bottom:26px;display:flex}.workspace-brand img,.workspace-brand-fallback{object-fit:contain;border-radius:9px;flex:0 0 38px;width:38px;height:38px}.workspace-brand-fallback{color:#fff;background:#033cdb;justify-content:center;align-items:center;display:inline-flex}.workspace-brand div{flex-direction:column;min-width:0;display:flex}.workspace-brand strong{color:#fff;font-size:17px;line-height:1.1}.workspace-brand span:not(.workspace-brand-fallback){color:#ffffffad;letter-spacing:.055em;text-transform:uppercase;margin-top:3px;font-size:9.5px;font-weight:700}.workspace-nav{margin-bottom:18px}.workspace-nav a{text-decoration:none}.workspace-main{min-width:0}.workspace-topbar{height:76px;min-height:76px;padding:0 30px}.workspace-topbar>div:first-child{flex-direction:column;gap:2px;display:flex}.workspace-topbar h1{color:#111827;letter-spacing:-.015em;font-size:20px;line-height:1.15}.workspace-eyebrow{color:#6b7280;letter-spacing:.07em;text-transform:uppercase;font-size:10.5px;font-weight:800}.workspace-top-actions{align-items:center;gap:10px;display:flex}.workspace-top-actions a{text-decoration:none}.workspace-page{padding:26px 30px 36px}.workspace-hero{background:#fff;border:1px solid #e3e7ee;border-radius:14px;justify-content:space-between;align-items:center;gap:24px;margin-bottom:20px;padding:24px 26px;display:flex;box-shadow:0 1px 2px #0f172a09}.workspace-kicker,.workspace-panel-kicker{color:#002da8;letter-spacing:.075em;text-transform:uppercase;margin-bottom:5px;font-size:10px;font-weight:800;display:block}.workspace-hero h2{color:#111827;letter-spacing:-.02em;font-size:22px}.workspace-hero p{color:#6b7280;max-width:690px;margin-top:6px;font-size:13.5px}.workspace-hero-link{color:#002da8;flex:none;font-size:13px;font-weight:700;text-decoration:none}.dashboard-storage-alert{color:#78350f;background:#fffbeb;border:1px solid #fde68a;border-radius:11px;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:13px;margin-bottom:20px;padding:13px 14px;text-decoration:none;transition:border-color .16s,background-color .16s,transform .16s;display:grid}.dashboard-storage-alert:hover{background:#fff8e1;border-color:#f59e0b;transform:translateY(-1px)}.dashboard-storage-alert-icon{color:#92400e;background:#fef3c7;border-radius:9px;place-items:center;width:40px;height:40px;display:grid}.dashboard-storage-alert-copy{flex-direction:column;gap:2px;min-width:0;display:flex}.dashboard-storage-alert-copy strong{color:#78350f;font-size:12.5px}.dashboard-storage-alert-copy span{color:#92400e;font-size:11px;line-height:1.45}.dashboard-storage-alert-action{color:#92400e;white-space:nowrap;font-size:11px;font-weight:800}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:20px;display:grid}.metric-card{background:#fff;border:1px solid #e3e7ee;border-radius:13px;align-items:center;gap:14px;min-height:118px;padding:20px;display:flex;box-shadow:0 1px 2px #0f172a09}.metric-icon{color:#002da8;background:#f2f5ff;border-radius:10px;flex:0 0 42px;justify-content:center;align-items:center;width:42px;height:42px;display:inline-flex}.metric-card>div{flex-direction:column;min-width:0;display:flex}.metric-label{color:#6b7280;font-size:11px;font-weight:700}.metric-card strong{color:#111827;letter-spacing:-.025em;margin:2px 0 1px;font-size:26px;line-height:1}.metric-card small{color:#9ca3af;font-size:10.5px}.workspace-grid{grid-template-columns:minmax(0,1.65fr) minmax(320px,.75fr);gap:16px;display:grid}.workspace-panel{background:#fff;border:1px solid #e3e7ee;border-radius:13px;min-width:0;padding:20px;box-shadow:0 1px 2px #0f172a09}.workspace-panel-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;display:flex}.workspace-panel-header h3{color:#111827;font-size:15px}.workspace-panel-header a{color:#002da8;font-size:11.5px;font-weight:700;text-decoration:none}.workspace-table-wrap{width:100%;overflow-x:auto}.workspace-table{border-collapse:collapse;width:100%;font-size:12.5px}.workspace-table th{color:#6b7280;text-align:left;text-transform:uppercase;letter-spacing:.045em;border-bottom:1px solid #e5e7eb;padding:10px 12px;font-size:10px;font-weight:800}.workspace-table td{color:#4b5563;vertical-align:middle;border-bottom:1px solid #f0f2f5;padding:13px 12px}.workspace-table tr:last-child td{border-bottom:0}.workspace-table td:first-child{flex-direction:column;gap:2px;display:flex}.workspace-table td strong{color:#111827;font-size:12.5px}.workspace-table td span{color:#9ca3af;font-size:10.5px}.activity-list{flex-direction:column;display:flex}.activity-item{border-bottom:1px solid #f0f2f5;grid-template-columns:10px 1fr;gap:11px;padding:12px 0;display:grid}.activity-item:last-child{border-bottom:0}.activity-dot{background:#033cdb;border-radius:999px;width:8px;height:8px;margin-top:5px}.activity-dot.action-delete{background:#dc2626}.activity-dot.action-restore{background:#16a34a}.activity-item>div{flex-direction:column;gap:2px;min-width:0;display:flex}.activity-item strong{color:#111827;font-size:12.5px}.activity-item span{color:#6b7280;font-size:11.5px}.activity-item small{color:#9ca3af;font-size:10.5px}.workspace-empty,.workspace-loading,.workspace-error,.workspace-success{border-radius:10px;padding:18px;font-size:12.5px}.workspace-empty,.workspace-loading{color:#6b7280;background:#f8fafc;border:1px dashed #d8dee8}.workspace-error{color:#991b1b;background:#fef2f2;border:1px solid #fecaca;margin-bottom:16px}.workspace-success{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0;margin-bottom:16px}.history-hero{margin-bottom:16px}.history-filters{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:16px;display:grid}.history-filter{flex-direction:column;gap:7px;display:flex}.history-filter label{color:#4b5563;font-size:11px;font-weight:800}.history-filter select{color:#111827;min-height:42px;font:inherit;background:#fff;border:1px solid #d1d5db;border-radius:8px;padding:0 12px;font-size:13px}.history-filter select:focus{border-color:#033cdb;outline:3px solid #033cdb24}.history-count{color:#6b7280;font-size:11px}.history-timeline{flex-direction:column;gap:0;display:flex;position:relative}.history-timeline:before{content:"";background:#e5e7eb;width:1px;position:absolute;top:18px;bottom:18px;left:17px}.history-item{z-index:1;grid-template-columns:36px 1fr;gap:12px;padding:8px 0;display:grid;position:relative}.history-marker{color:#002da8;background:#f4f7ff;border:1px solid #dce3f5;border-radius:9px;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.history-card{background:#fbfcfe;border:1px solid #e5e7eb;border-radius:10px;justify-content:space-between;align-items:center;gap:18px;min-height:76px;padding:13px 14px;display:flex}.history-card-copy{grid-template-columns:auto auto 1fr auto;align-items:center;gap:8px 14px;min-width:0;display:grid}.history-version{color:#002da8;background:#eef3ff;border-radius:999px;padding:3px 7px;font-size:10px;font-weight:800}.history-card-copy strong{color:#111827;font-size:12.5px}.history-card-copy span:not(.history-version){color:#6b7280;font-size:11.5px}.history-card-copy small{color:#9ca3af;font-size:10.5px}.history-restore{flex:none;height:36px!important;min-height:36px!important;font-size:11.5px!important}@media (max-width:1150px){.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.workspace-grid{grid-template-columns:1fr}}@media (max-width:760px){.workspace-main{margin-left:0!important}.workspace-topbar{height:auto;padding:14px 16px}.workspace-top-actions{width:100%}.workspace-top-actions .btn{flex:1}.workspace-page{padding:18px 16px 30px}.workspace-hero{flex-direction:column;align-items:flex-start}.dashboard-storage-alert{grid-template-columns:40px 1fr}.dashboard-storage-alert-action{grid-column:2}.metric-grid,.history-filters{grid-template-columns:1fr}.history-card{flex-direction:column;align-items:flex-start}.history-card-copy{grid-template-columns:1fr;gap:4px}.history-restore{width:100%}}
.restore-modal-overlay{z-index:150;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0f172a8a;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.restore-modal{background:#fff;border:1px solid #e5e7eb;border-radius:14px;width:min(100%,460px);padding:26px;position:relative;box-shadow:0 24px 70px #0f172a38}.restore-modal-icon{color:#c2410c;background:#fff7ed;border-radius:10px;justify-content:center;align-items:center;width:42px;height:42px;margin-bottom:16px;display:flex}.restore-modal-close{color:#6b7280;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:8px;justify-content:center;align-items:center;width:30px;height:30px;padding:0;display:flex;position:absolute;top:15px;right:15px}.restore-modal-close:hover{color:#111827;background:#f8fafc}.restore-modal-kicker{color:#c2410c;letter-spacing:.07em;text-transform:uppercase;margin-bottom:5px;font-size:10px;font-weight:800;display:block}.restore-modal h2{color:#111827;letter-spacing:-.02em;font-size:20px}.restore-modal>p{color:#6b7280;margin-top:8px;font-size:13px;line-height:1.6}.restore-modal>p strong{color:#374151}.restore-modal-version{background:#f8fafc;border:1px solid #e5e7eb;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;margin-top:18px;padding:12px 14px;display:flex}.restore-modal-version span{color:#6b7280;font-size:11.5px}.restore-modal-version strong{color:#111827;font-size:11.5px}.restore-modal-actions{justify-content:flex-end;gap:10px;margin-top:22px;display:flex}@media (max-width:560px){.restore-modal{padding:22px}.restore-modal-actions{flex-direction:column-reverse}.restore-modal-actions .btn{width:100%}}
.compact-hero{min-height:118px}.hero-icon{color:#002da8;background:#f1f5ff;border-radius:12px;flex:0 0 48px;justify-content:center;align-items:center;width:48px;height:48px;display:inline-flex}.admin-resource-table .table-actions-col{text-align:right;width:104px}.table-action-group{justify-content:flex-end;align-items:center;gap:7px;display:inline-flex}.icon-action{color:#475569;cursor:pointer;background:#fff;border:1px solid #dde3ec;border-radius:8px;justify-content:center;align-items:center;width:34px;min-width:34px;height:34px;padding:0;transition:background-color .15s,color .15s,border-color .15s;display:inline-flex}.icon-action:hover{color:#002da8;background:#f5f7ff;border-color:#afc0ed}.icon-action.danger{color:#b42318}.icon-action.danger:hover{color:#991b1b;background:#fff5f4;border-color:#f3b7b1}.resource-id{color:#4b5563;background:#f3f4f6;border-radius:6px;padding:4px 7px;font-size:11px}.status-pill{border-radius:999px;align-items:center;min-height:24px;padding:3px 8px;font-size:10.5px;font-weight:800;display:inline-flex}.status-active{color:#166534;background:#ecfdf3}.status-admin{color:#002da8;background:#eef3ff}.status-user{color:#4b5563;background:#f3f4f6}.access-summary{color:#4b5563;font-size:11.5px;font-weight:650}.access-summary.muted{color:#9ca3af}.workspace-modal-overlay{z-index:110;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0f172a8c;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.workspace-modal{background:#fff;border:1px solid #e3e7ee;border-radius:14px;width:min(100%,500px);max-height:calc(100dvh - 48px);padding:24px;overflow-y:auto;box-shadow:0 24px 70px #0f172a38}.workspace-modal-lg{width:min(100%,760px)}.workspace-confirm-modal{width:min(100%,470px)}.workspace-modal-header{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:20px;display:flex}.workspace-modal-header h2{color:#111827;font-size:18px}.workspace-modal-kicker{color:#002da8;letter-spacing:.07em;text-transform:uppercase;margin-bottom:4px;font-size:10px;font-weight:800;display:block}.danger-kicker{color:#b42318}.workspace-modal-close{color:#6b7280;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:8px;justify-content:center;align-items:center;width:32px;min-width:32px;height:32px;padding:0;display:inline-flex}.workspace-modal-close:hover{color:#111827;background:#f9fafb}.workspace-modal>p{color:#6b7280;font-size:13px;line-height:1.6}.workspace-modal>p strong{color:#111827}.workspace-modal-footer{border-top:1px solid #eef0f3;justify-content:flex-end;align-items:center;gap:10px;margin-top:22px;padding-top:18px;display:flex}.workspace-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.workspace-form-field{flex-direction:column;gap:7px;margin-bottom:14px;display:flex}.workspace-form-field label{color:#4b5563;font-size:11px;font-weight:800}.workspace-form-field input,.workspace-form-field select,.workspace-form-field textarea{color:#111827;width:100%;min-height:42px;font:inherit;resize:vertical;background:#fff;border:1px solid #d1d5db;border-radius:8px;padding:10px 12px;font-size:13px}.workspace-form-field input:focus,.workspace-form-field select:focus,.workspace-form-field textarea:focus{border-color:#033cdb;outline:3px solid #033cdb1f}.permission-editor{background:#fafbfc;border:1px solid #e5e7eb;border-radius:11px;margin-top:6px;padding:16px}.permission-editor-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:12px;display:flex}.permission-editor-header h3{color:#111827;font-size:14px}.permission-editor-header>span{color:#9ca3af;font-size:10.5px}.permission-list{flex-direction:column;gap:8px;display:flex}.permission-row{background:#fff;border:1px solid #e5e7eb;border-radius:9px;grid-template-columns:1fr 150px;align-items:center;gap:12px;min-height:48px;padding:9px 11px;display:grid}.permission-check{color:#374151;align-items:center;gap:9px;font-size:12.5px;font-weight:650;display:flex}.permission-check input{accent-color:#002da8;width:16px;height:16px}.permission-row select{color:#374151;min-height:34px;font:inherit;background:#fff;border:1px solid #d1d5db;border-radius:7px;padding:0 9px;font-size:11.5px}.modal-inline-error{margin-top:-4px}.user-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.access-denied-panel{text-align:center;max-width:560px;margin:70px auto 0;padding:36px}.access-denied-panel>svg{color:#002da8}.access-denied-panel h2{color:#111827;margin-top:12px;font-size:20px}.access-denied-panel p{max-width:420px;margin:8px auto 20px}.settings-layout{grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);align-items:start;gap:18px;display:grid}.settings-column{flex-direction:column;gap:16px;display:flex}.settings-section .workspace-panel-header>svg{color:#002da8}.asset-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:4px;display:grid}.asset-field{background:#fafbfc;border:1px solid #e5e7eb;border-radius:10px;grid-template-columns:78px 1fr;align-items:center;gap:12px;padding:12px;display:grid}.asset-preview{color:#94a3b8;background:#fff;border:1px solid #dce2ea;border-radius:9px;justify-content:center;align-items:center;width:78px;height:58px;display:flex;overflow:hidden}.asset-preview.asset-square{width:58px;height:58px}.asset-preview img{object-fit:contain;width:100%;height:100%}.asset-field-copy{flex-direction:column;gap:3px;min-width:0;display:flex}.asset-field-copy strong{color:#111827;font-size:12px}.asset-field-copy>span{color:#9ca3af;font-size:10.5px;line-height:1.4}.asset-actions{align-items:center;gap:7px;margin-top:6px;display:flex}.asset-upload-btn{cursor:pointer;height:34px!important;min-height:34px!important;font-size:11.5px!important}.asset-upload-btn input{display:none}.color-input-row{grid-template-columns:44px 1fr;gap:8px;display:grid}.color-input-row input[type=color]{cursor:pointer;width:44px;min-width:44px;padding:3px}.settings-preview-column{position:sticky;top:96px}.settings-preview-panel h3{color:#111827;margin-bottom:14px;font-size:15px}.login-preview{border-radius:12px;flex-direction:column;min-height:470px;padding:28px;display:flex;overflow:hidden}.login-preview-brand{align-items:center;gap:9px;margin-bottom:54px;display:flex}.login-preview-brand img,.login-preview-brand span{object-fit:contain;color:#fff;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;font-weight:800;display:inline-flex}.login-preview-brand strong{color:inherit;font-size:14px}.login-preview h4{max-width:360px;font-size:22px;line-height:1.15}.login-preview p{opacity:.78;max-width:380px;margin-top:10px;font-size:12px;line-height:1.55}.login-preview ul{flex-direction:column;gap:9px;margin:24px 0 0;padding:0;font-size:11.5px;list-style:none;display:flex}.login-preview li:before{content:"✓";margin-right:8px;font-weight:800}.login-preview-image{object-fit:cover;opacity:.94;border-radius:10px;width:100%;max-height:160px;margin-top:auto}@media (max-width:1150px){.settings-layout{grid-template-columns:1fr}.settings-preview-column{position:static}}@media (max-width:760px){.workspace-modal-overlay{padding:12px}.workspace-form-grid,.asset-grid,.user-metrics,.permission-row{grid-template-columns:1fr}.workspace-modal-footer{flex-direction:column-reverse;align-items:stretch}.workspace-modal-footer .btn{width:100%}.admin-resource-table .table-actions-col{min-width:86px}}
.audit-filter-panel{margin-bottom:16px}.audit-filter-grid{grid-template-columns:minmax(180px,1fr) minmax(180px,1fr) auto;align-items:end;gap:12px;display:grid}.audit-filter-grid .workspace-form-field{margin-bottom:0}.audit-filter-button{min-width:150px}.audit-table td:first-child{white-space:nowrap;color:#6b7280;font-size:11.5px;display:table-cell}.audit-table td strong{color:#111827;font-size:12px}.audit-action-pill{border-radius:999px;align-items:center;min-height:24px;padding:3px 8px;font-size:10.5px;font-weight:800;display:inline-flex}.audit-action-pill.action-create{color:#166534;background:#ecfdf3}.audit-action-pill.action-update{color:#002da8;background:#eef3ff}.audit-action-pill.action-delete{color:#991b1b;background:#fef2f2}@media (max-width:760px){.audit-filter-grid{grid-template-columns:1fr}.audit-filter-button{width:100%}}
.storage-hero{align-items:center}.storage-state{letter-spacing:.03em;border-radius:999px;flex:none;align-items:center;min-height:28px;padding:0 10px;font-size:10.5px;font-weight:800;display:inline-flex}.storage-state.ok{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0}.storage-state.neutral{color:#475569;background:#f8fafc;border:1px solid #e2e8f0}.storage-state.error{color:#991b1b;background:#fef2f2;border:1px solid #fecaca}.storage-activation-panel{background:#f8faff;border-color:#c9d4f4;grid-template-columns:minmax(260px,.75fr) minmax(0,1.25fr);gap:28px;margin-bottom:20px;display:grid}.storage-activation-copy h3{color:#111827;font-size:16px}.storage-activation-copy p{color:#64748b;margin-top:8px;font-size:12px;line-height:1.65}.storage-activation-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.storage-step{background:#fff;border:1px solid #dde5f7;border-radius:10px;align-items:flex-start;gap:10px;min-width:0;padding:13px;display:flex}.storage-step-index{color:#fff;background:#002da8;border-radius:7px;place-items:center;width:24px;min-width:24px;height:24px;font-size:10px;font-weight:800;display:grid}.storage-step>div{flex-direction:column;gap:5px;min-width:0;display:flex}.storage-step strong{color:#111827;font-size:11.5px}.storage-step span:not(.storage-step-index){color:#64748b;font-size:10.5px;line-height:1.45}.storage-step code{overflow-wrap:anywhere;color:#0f172a;background:#f8fafc;border:1px solid #e5e7eb;border-radius:6px;max-width:100%;padding:5px 7px;font-size:10px;line-height:1.4;display:block}.storage-ready-banner{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:11px;align-items:center;gap:11px;margin-bottom:20px;padding:13px 15px;display:flex}.storage-ready-banner>div{flex-direction:column;gap:2px;display:flex}.storage-ready-banner strong{font-size:12.5px}.storage-ready-banner span{color:#15803d;font-size:11px}.storage-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.storage-grid{grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr)}.storage-config-list{flex-direction:column;display:flex}.storage-config-list>div{border-bottom:1px solid #eef1f5;justify-content:space-between;align-items:flex-start;gap:24px;padding:13px 0;display:flex}.storage-config-list>div:last-child{border-bottom:0}.storage-config-list span{color:#64748b;font-size:11.5px}.storage-config-list strong{color:#111827;text-align:right;overflow-wrap:anywhere;max-width:70%;font-size:12px;font-weight:700}.storage-inline-error{margin-top:14px;margin-bottom:0}.storage-migration-panel{flex-direction:column;justify-content:space-between;gap:24px;display:flex}.storage-migration-panel h3,.storage-cleanup-panel h3{color:#111827;font-size:15px}.storage-migration-panel p,.storage-cleanup-panel p{color:#64748b;margin-top:8px;font-size:12px;line-height:1.6}.storage-migration-panel .btn{width:100%}.storage-cleanup-panel{justify-content:space-between;align-items:center;gap:28px;margin-top:16px;display:flex}.storage-cleanup-panel>div{min-width:0}.storage-cleanup-panel .btn{flex:none}@media (max-width:1180px){.storage-activation-panel{grid-template-columns:1fr}}@media (max-width:980px){.storage-metrics,.storage-grid,.storage-activation-steps{grid-template-columns:1fr}.storage-config-list>div{flex-direction:column;gap:4px}.storage-config-list strong{text-align:left;max-width:100%}.storage-cleanup-panel{flex-direction:column;align-items:stretch}.storage-cleanup-panel .btn{width:100%}}
.recovery-screen{background:#f7f8fa;place-items:center;min-height:100dvh;padding:28px;display:grid}.recovery-card{background:#fff;border:1px solid #e3e7ee;border-radius:14px;width:min(100%,520px);padding:30px;box-shadow:0 14px 40px #0f172a14}.recovery-icon{color:#002da8;background:#f2f5ff;border-radius:12px;justify-content:center;align-items:center;width:46px;height:46px;margin-bottom:18px;display:inline-flex}.recovery-card h1{color:#111827;font-size:22px;line-height:1.2}.recovery-card p{color:#64748b;margin-top:9px;font-size:13px;line-height:1.65}.recovery-code{color:#94a3b8;overflow-wrap:anywhere;margin-top:12px;font-size:10px;display:block}.recovery-actions{flex-wrap:wrap;gap:10px;margin-top:22px;display:flex}.recovery-actions a{text-decoration:none}@media (max-width:560px){.recovery-card{padding:24px}.recovery-actions,.recovery-actions .btn{width:100%}}