*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif;color:#1b2b42;background:#f4f6fa;font-size:14px}body{line-height:1.6}button,input,textarea,select{font:inherit}button,a,input,textarea,select{outline-offset:4px}button:focus-visible,a:focus-visible{outline:3px solid #8eb3ff}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}button svg,a svg{flex-shrink:0}a{color:#245fd7;text-decoration:none}a:hover{text-decoration:underline}svg{width:19px;height:19px;vertical-align:middle;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.boot{min-height:70vh;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#718097}.spinner{display:inline-block;width:25px;height:25px;border:2px solid #dae3f0;border-top-color:#2761df;border-radius:50%;animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.shell{display:grid;grid-template-columns:232px minmax(0,1fr);min-height:100vh}.sidebar{background:#14233b;color:#c2cde0;padding:28px 17px 18px;display:flex;flex-direction:column;position:fixed;inset:0 auto 0 0;width:232px;z-index:20}.brand{display:flex;align-items:center;gap:11px;color:white;padding:0 13px;margin-bottom:38px}.brand img{width:34px;height:34px}.brand strong{font-size:21px;letter-spacing:-.6px}.brand small{display:block;font-size:10px;letter-spacing:1.3px;color:#94a9c9;line-height:1.3}.nav-label{font-size:10px;letter-spacing:1.5px;padding:0 15px;margin-bottom:10px;color:#8396b6}.nav-item{display:flex;align-items:center;gap:13px;padding:11px 14px;border-radius:7px;color:#b6c5dd;margin:4px 0;font-weight:500;transition:background .15s}.nav-item:hover{background:#20314b;text-decoration:none;color:white}.nav-item.active{background:#2a5cd0;color:white;box-shadow:0 3px 8px #081c3b33}.nav-item.active svg{stroke-width:2}.nav-spacer{height:23px}.sidebar-bottom{margin-top:auto;padding:24px 13px 0}.node-label{display:flex;gap:8px;align-items:center;font-size:12px;color:#c2cfe2}.dot{width:7px;height:7px;border-radius:50%;background:#6abca1;display:inline-block}.sidebar-note{font-size:10px;color:#8094b3;line-height:1.8;margin-top:8px}.main-shell{grid-column:2;min-width:0}.topbar{height:76px;background:white;border-bottom:1px solid #e5eaf1;display:flex;align-items:center;justify-content:space-between;padding:0 38px;gap:20px}.breadcrumb{font-size:12px;color:#8b96a8;display:flex;gap:13px;align-items:center}.breadcrumb span:last-child{color:#334660}.top-right{display:flex;gap:15px;align-items:center}.server-time{color:#7d8b9e;font-size:11px;font-variant-numeric:tabular-nums}.avatar{height:31px;width:31px;border-radius:8px;background:#edf2fc;color:#3265c4;display:grid;place-items:center;font-size:12px;font-weight:700}.account{display:flex;align-items:center;gap:9px;font-size:12px}.logout{border:0;background:none;color:#8390a5;padding:5px}.content{padding:32px 38px 46px;max-width:1640px;margin:auto}.page-heading{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:27px;gap:20px}.eyebrow{color:#7b8ba4;text-transform:uppercase;font-size:10px;letter-spacing:1.7px;margin-bottom:5px}h1{font-size:27px;letter-spacing:-.6px;line-height:1.35;font-weight:650;margin:0 0 8px}h2{font-size:16px;line-height:1.4;margin:0;font-weight:650}h3{font-size:14px;margin:0 0 12px;font-weight:650}.muted{color:#8390a3}.subtitle{font-size:12px;color:#7e8ba0;margin:0}.actions{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.btn{border:1px solid #dce3ed;padding:8px 13px;border-radius:6px;background:white;display:inline-flex;align-items:center;justify-content:center;gap:7px;color:#41516a;font-size:12px;font-weight:550;white-space:nowrap;line-height:1.5;transition:.15s}.btn:hover{background:#f7f9fd;border-color:#bdcbe0;text-decoration:none}.btn.primary{background:#2862df;border-color:#2862df;color:white;box-shadow:0 2px 3px #163b9120}.btn.primary:hover{background:#1e50bf}.btn.danger{color:#bb4250;border-color:#edcbd0}.btn.danger:hover{background:#fff3f3}.btn.subtle{border-color:transparent;background:transparent;color:#60738f}.btn.sm{padding:5px 9px;font-size:11px}.btn.icon-only{padding:7px}.btn svg{width:16px;height:16px}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin-bottom:22px}.stat{background:white;border:1px solid #e2e8f0;border-radius:9px;padding:21px 23px;min-width:0}.stat-top{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#728198}.stat-icon{width:32px;height:32px;border-radius:7px;display:grid;place-items:center;background:#eef3ff;color:#326bdb}.stat-icon.green{background:#eaf6f2;color:#279072}.stat-icon.amber{background:#fdf4e6;color:#b58a35}.stat-icon.slate{background:#f1f3f7;color:#6d7a90}.stat-value{font-size:30px;font-weight:620;line-height:1.25;letter-spacing:-1px;margin:14px 0 8px;font-variant-numeric:tabular-nums}.stat-meta{font-size:11px;color:#97a2b3}.panel{background:white;border:1px solid #e2e8f0;border-radius:9px;overflow:hidden;margin-bottom:21px;min-width:0}.panel-head{padding:20px 23px;display:flex;justify-content:space-between;align-items:center;gap:12px;border-bottom:1px solid #edf0f5}.panel-head p{margin:5px 0 0;font-size:11px;color:#8794a8}.panel-body{padding:23px}.panel-footer{border-top:1px solid #edf0f5;padding:14px 23px;color:#8390a3;font-size:11px;display:flex;align-items:center;justify-content:space-between;gap:10px}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(260px,1fr);gap:21px}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:12px;white-space:nowrap;text-align:left}th{color:#8793a6;font-weight:500;background:#fbfcfe;font-size:11px;border-bottom:1px solid #edf0f5;padding:12px 23px}td{border-bottom:1px solid #edf0f5;padding:16px 23px;vertical-align:middle}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#fcfdff}td strong{font-weight:550;color:#2d405d}.cell-sub{font-size:10px;color:#8a97aa;margin-top:3px}.table-actions{display:flex;gap:5px;align-items:center}.mono{font-family:"SFMono-Regular",Consolas,monospace;font-variant-numeric:tabular-nums;font-size:11px}.badge{display:inline-flex;align-items:center;gap:5px;font-size:10px;line-height:1.7;border:1px solid transparent;padding:2px 7px;border-radius:4px;background:#f0f3f7;color:#718097;white-space:nowrap}.badge.blue{background:#edf3ff;color:#3769c5;border-color:#e2ebff}.badge.green{background:#edf8f3;color:#2a8c68;border-color:#e2f0e9}.badge.amber{background:#fff8e8;color:#a17b2c;border-color:#f8edce}.badge.red{background:#fdf0f2;color:#b85866;border-color:#f8e2e6}.badge.purple{background:#f3effc;color:#8265b5}.empty{padding:51px 24px;text-align:center;color:#94a0b2}.empty-icon{height:49px;width:49px;display:grid;place-items:center;background:#f2f5fa;color:#879bb7;border-radius:12px;margin:0 auto 14px}.empty-icon svg{height:23px;width:23px}.empty h3{font-size:14px;color:#60728d;font-weight:550;margin-bottom:6px}.empty p{font-size:12px;margin:0 auto 19px;max-width:400px;white-space:normal}.pipeline{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:25px 23px}.pipeline-item{border-left:2px solid #dce6f7;padding-left:12px}.pipeline-item strong{font-size:23px;font-weight:600;display:block;line-height:1.4}.pipeline-item span{font-size:11px;color:#8b97a9}.pipeline-item.green{border-color:#86c2ad}.pipeline-item.amber{border-color:#dfbf77}.note{padding:13px 16px;border:1px solid #e2e9f4;background:#f7faff;border-radius:6px;color:#6f83a2;font-size:11px;line-height:1.9;display:flex;gap:10px;align-items:flex-start}.note svg{flex-shrink:0;margin-top:1px;width:16px;height:16px}.note.amber{background:#fffbf2;border-color:#efe6d0;color:#998046}.note .text{flex:1}.mini-events{padding:0 23px}.mini-event{padding:15px 0;display:flex;gap:11px;border-bottom:1px solid #eef1f6}.mini-event:last-child{border:0}.event-icon{color:#6c93ce;background:#f0f5fd;border-radius:7px;display:grid;place-items:center;width:30px;height:30px;flex-shrink:0}.mini-event p{margin:0;font-size:11px;color:#485d7b;overflow-wrap:anywhere}.mini-event small{font-size:10px;color:#93a0b3}.progress{height:5px;background:#edf1f7;border-radius:9px;overflow:hidden;min-width:100px}.progress span{display:block;background:#5b86de;height:100%;border-radius:9px}.progress-label{display:flex;justify-content:space-between;gap:15px;font-size:10px;color:#8290a7;margin-bottom:5px}.toolbar{display:flex;gap:12px;align-items:center;justify-content:space-between;padding:16px 23px;border-bottom:1px solid #edf0f5;flex-wrap:wrap}.search{position:relative;max-width:320px;width:100%}.search svg{position:absolute;top:10px;left:10px;width:15px;height:15px;color:#94a1b5}.search input{padding-left:34px}.field{display:flex;flex-direction:column;gap:6px;min-width:0;margin-bottom:17px}.field>label,.field>span:first-child{font-size:12px;color:#50637e;font-weight:550}.field small,.help{font-size:11px;color:#94a0b2;font-weight:400}.field input,.field select,.field textarea,input.control,select.control,textarea.control{width:100%;padding:9px 11px;border:1px solid #dce3ed;border-radius:6px;background:white;color:#263c5b;line-height:1.5;font-size:12px;transition:border-color .15s}.field input:focus,.field textarea:focus,.field select:focus,.control:focus{outline:0;border-color:#77a0ef;box-shadow:0 0 0 3px #eaf1ff}textarea{resize:vertical}textarea.code{font-family:Consolas,monospace;font-size:12px;line-height:1.75;tab-size:2;min-height:360px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.full{grid-column:1/-1}.check-row{display:flex;align-items:center;gap:8px;font-size:12px;color:#60738e}.check-row input{accent-color:#2862df;width:15px;height:15px}.file-zone{display:block;border:1px dashed #b9c9e1;background:#f8faff;border-radius:8px;padding:25px;text-align:center;margin-bottom:16px;color:#7186a6}.file-zone input{display:block;width:100%;margin-top:15px;font-size:12px}.file-zone svg{width:24px;height:24px;color:#6b91d6}.file-zone strong{display:block;font-size:13px;font-weight:550;margin-top:7px}.file-zone p{font-size:11px;margin:4px 0 0}.error-banner{background:#fff2f3;color:#b35360;border:1px solid #f4dce0;padding:13px 16px;font-size:12px;border-radius:6px;margin-bottom:18px;overflow-wrap:anywhere}.success-banner{background:#edf8f3;border:1px solid #dceddf;color:#427e61;padding:12px 14px;border-radius:6px;font-size:12px}.form-error{color:#b54e5d;font-size:12px;white-space:pre-wrap;margin:12px 0}.dialog-header{display:flex;justify-content:space-between;align-items:flex-start;padding:23px 25px;border-bottom:1px solid #e9eef5}.dialog-header h2{font-size:18px}.dialog-header p{font-size:12px;color:#8c99ac;margin:6px 0 0}.dialog-body{padding:23px 25px;max-height:70vh;overflow:auto}.dialog-footer{padding:17px 25px;background:#fbfcfe;border-top:1px solid #e9eef5;display:flex;justify-content:flex-end;gap:9px}dialog{border:1px solid #dce4f0;border-radius:11px;padding:0;width:min(610px,calc(100% - 32px));max-height:93vh;color:#1b2b42;box-shadow:0 24px 90px #0c1f4940}dialog.wide{width:min(860px,calc(100% - 32px))}dialog::backdrop{background:#14274366;backdrop-filter:blur(2px)}#toasts{position:fixed;right:24px;bottom:24px;z-index:100;display:flex;flex-direction:column;gap:8px;max-width:450px}.toast{background:#172b47;color:#fff;padding:13px 18px;border-radius:7px;box-shadow:0 5px 25px #14243b26;display:flex;gap:10px;align-items:flex-start;font-size:12px;animation:appear .2s}.toast.error{background:#963d4e}.toast svg{flex-shrink:0;width:17px;height:17px}@keyframes appear{from{transform:translateY(7px);opacity:0}to{transform:translateY(0);opacity:1}}.template-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.template-card{border:1px solid #e1e8f2;border-radius:8px;background:white;overflow:hidden}.template-visual{height:125px;background:#f1f5fc;padding:22px;display:flex;justify-content:center;align-items:center;color:#8aa3c5}.template-paper{height:89px;width:130px;background:white;box-shadow:0 3px 8px #455a7810;border-radius:4px;display:flex;flex-direction:column;gap:6px;padding:14px}.paper-line{height:5px;background:#e8edf6;border-radius:1px;width:100%}.paper-line:first-child{background:#9cb7eb;width:39%;margin-bottom:5px}.paper-line:last-child{width:68%}.template-info{padding:17px 20px}.template-info h3{margin:0 0 6px}.template-info p{color:#91a0b4;font-size:11px;margin:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.template-foot{padding:12px 20px;border-top:1px solid #edf1f6;display:flex;align-items:center;justify-content:space-between}.editor-grid{display:grid;grid-template-columns:1fr 1fr;gap:21px;align-items:start}.editor-preview{position:sticky;top:22px}.editor-preview iframe{border:0;width:100%;height:595px;background:white;display:block}.preview-head{padding:12px 20px;border-bottom:1px solid #e9edf5;display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#8797b0}.tabs{display:flex;gap:22px;border-bottom:1px solid #e3e9f2;margin:0 0 19px}.tab{background:transparent;border:0;border-bottom:2px solid transparent;padding:11px 0;color:#8b98ac;font-size:12px}.tab.active{border-color:#2862df;color:#2862df}.asset-row{border:1px solid #e4eaf3;border-radius:6px;padding:10px 12px;display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px;font-size:11px}.asset-row .check-row{font-size:11px;min-width:0}.asset-row small{color:#93a0b4;display:block}.truncate{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:300px}.pagination{display:flex;align-items:center;gap:8px}.detail-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(250px,1fr);gap:21px}.kv{display:grid;grid-template-columns:110px minmax(0,1fr);gap:12px;font-size:12px;margin:0}.kv dt{color:#8998ad}.kv dd{margin:0;overflow-wrap:anywhere}.import-row{padding:15px 23px;border-bottom:1px solid #edf1f5}.import-row:last-child{border-bottom:0}.import-head{display:flex;justify-content:space-between;gap:20px;margin-bottom:7px;font-size:12px}.import-numbers{display:flex;gap:15px;flex-wrap:wrap;font-size:10px;color:#8b99ac}.list-selector{max-height:220px;overflow:auto;border:1px solid #e0e7f1;border-radius:7px;padding:9px 14px}.list-selector .check-row{padding:8px 0}.login{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;background:white}.login-aside{background:#14233b;color:white;padding:65px 70px;display:flex;flex-direction:column;justify-content:space-between}.login-aside .brand{padding:0;margin:0}.login-copy{max-width:420px}.login-copy .eyebrow{color:#89a7d8;margin-bottom:25px}.login-copy h1{font-size:38px;line-height:1.5;letter-spacing:1px;margin-bottom:22px;font-weight:550}.login-copy p{font-size:14px;color:#a2b5d1;line-height:2}.login-lines{display:flex;gap:7px;margin:35px 0}.login-lines span{width:50px;height:4px;background:#2d65da}.login-lines span:nth-child(2){background:#3b547a}.login-lines span:nth-child(3){background:#273d5d}.login-foot{font-size:10px;color:#728daf;letter-spacing:.6px}.login-main{display:flex;align-items:center;justify-content:center;padding:40px}.login-form{width:100%;max-width:340px}.login-form h2{font-size:26px;margin-bottom:10px}.login-form p{color:#8b9ab0;font-size:12px;margin-bottom:35px}.login-form .field{margin-bottom:21px}.login-form input{padding:12px 13px;font-size:13px}.login-form .btn{width:100%;padding:12px;margin-top:8px}.login-form .help{display:block;text-align:center;margin-top:25px;font-size:10px}.menu-toggle{display:none}.stack-gap{margin-top:18px}.wordbreak{overflow-wrap:anywhere;white-space:normal;max-width:320px}.footer-caption{font-size:10px;color:#9aa7b9;text-align:center;margin-top:25px}.compact-stats{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-bottom:21px}.compact-stats .stat{padding:17px 19px}.compact-stats .stat-value{font-size:25px}.inline-code{background:#eff3f8;padding:2px 5px;border-radius:3px;font-family:Consolas,monospace;color:#607898}.settings-block{max-width:900px}.settings-note{font-size:12px;line-height:2;color:#7d8ea7}.text-right{text-align:right}.mobile-overlay{display:none}.fetch-error{padding:40px 25px;text-align:center}.fetch-error p{color:#b4616e;font-size:12px;overflow-wrap:anywhere}.page-loader{display:flex;align-items:center;justify-content:center;min-height:250px;gap:15px;color:#8c9ab0}.hidden{display:none!important}.upload-status{font-size:11px;color:#6188c8;margin-top:10px}.form-rule{height:1px;background:#e9eef5;margin:8px 0 20px}.back-link{display:inline-flex;gap:5px;align-items:center;font-size:11px;color:#8493ab;margin-bottom:12px}.test-result{white-space:pre-wrap;font-family:Consolas,monospace;font-size:11px;background:#f5f8fc;padding:12px;border-radius:6px;margin-top:12px;overflow-wrap:anywhere}.status-inline{display:flex;align-items:center;gap:7px}.no-margin{margin:0}.m0{margin-bottom:0}.padded{padding:20px 23px}.list-item-icon{width:29px;height:33px;border:1px solid #e0e8f4;background:#f7f9fe;color:#7095d8;border-radius:5px;display:grid;place-items:center}.title-with-icon{display:flex;align-items:center;gap:12px}.title-with-icon svg{width:16px;height:16px}
@media(min-width:1600px){.content{padding-top:40px}}@media(max-width:1200px){.shell{grid-template-columns:205px minmax(0,1fr)}.sidebar{width:205px}.content{padding:27px}.topbar{padding:0 27px}.stats{gap:12px}.stat{padding:18px}.stat-value{font-size:26px}.dashboard-grid{grid-template-columns:1fr}.template-grid{grid-template-columns:repeat(2,1fr)}.editor-grid{grid-template-columns:1fr}.editor-preview{position:static}.compact-stats{grid-template-columns:repeat(3,1fr)}.login-aside{padding:50px 40px}.login-copy h1{font-size:32px}}@media(max-width:800px){.shell{grid-template-columns:1fr}.sidebar{transform:translateX(-100%);transition:transform .2s;width:232px}.sidebar.open{transform:translateX(0)}.main-shell{grid-column:1}.menu-toggle{display:inline-flex}.topbar{height:63px;padding:0 20px}.breadcrumb{display:none}.server-time{display:none}.content{padding:23px 18px}.page-heading{gap:15px}.page-heading h1{font-size:24px}.page-heading .actions{justify-content:flex-end}.stats{grid-template-columns:1fr 1fr}.stat{padding:16px}.stat-value{font-size:26px}.detail-grid{grid-template-columns:1fr}.panel-head,.toolbar{padding:16px 18px}td,th{padding-left:18px;padding-right:18px}.panel-body{padding:18px}.template-grid{grid-template-columns:1fr 1fr;gap:14px}.login{grid-template-columns:1fr}.login-aside{display:none}.login-main{padding:30px;min-height:100vh}.compact-stats{grid-template-columns:repeat(3,1fr)}.compact-stats .stat{padding:13px}.mobile-overlay.show{display:block;position:fixed;inset:0;background:#12233b55;z-index:19}.account .account-name{display:none}}@media(max-width:520px){.page-heading{flex-direction:column}.page-heading .actions{justify-content:flex-start}.form-grid{grid-template-columns:1fr}.full{grid-column:auto}.template-grid{grid-template-columns:1fr}.compact-stats{grid-template-columns:1fr 1fr}.panel-head{align-items:flex-start}.pipeline{padding:20px 15px}.stat-meta{font-size:10px}.stat-top{font-size:11px}.stat-icon{width:27px;height:27px}.dialog-body{padding:19px}.dialog-header,.dialog-footer{padding:18px}.panel-footer{flex-wrap:wrap}.kv{grid-template-columns:90px 1fr}.editor-preview iframe{height:420px}.toolbar .actions{width:100%}#toasts{left:14px;right:14px;bottom:14px}.truncate{max-width:175px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
.dashboard-grid>div,.editor-grid>div,.detail-grid>div{min-width:0}
.search input.control{padding-left:34px}
.variable-help{border:1px solid #e2e9f4;border-radius:7px;background:#f8faff;padding:14px 16px;color:#50637e}.variable-help summary{cursor:pointer;font-size:12px;font-weight:600}.variable-list{display:grid;gap:9px;margin-top:14px}.variable-list>div{display:grid;grid-template-columns:135px minmax(0,1fr);gap:10px;align-items:start;font-size:11px}.variable-list code,.variable-help p code{color:#3769c5;font-family:Consolas,monospace;overflow-wrap:anywhere}.variable-help p{margin:13px 0 0;line-height:1.9;color:#7d8ea7}.variable-example{display:grid;gap:5px;padding:11px 12px;border:1px solid #e2e9f4;border-radius:5px;background:white;margin-top:12px}.variable-example code{font-size:10px;font-family:Consolas,monospace;overflow-wrap:anywhere;color:#506b92}.seed-settings{border:1px solid #e2e9f4;border-radius:7px;background:#fafcff;margin-top:3px}.seed-toggle{padding:15px 16px;align-items:flex-start}.seed-toggle input{margin-top:3px;flex-shrink:0}.seed-toggle strong{display:block;font-size:12px;font-weight:600;color:#50637e}.seed-toggle small{display:block;color:#8b98ac;margin-top:4px;font-size:11px}.seed-options{border:0;border-top:1px solid #e2e9f4;padding:17px 16px;margin:0;min-width:0}.seed-options textarea{min-height:83px}.seed-summary{display:grid;grid-template-columns:minmax(105px,1fr) minmax(190px,1.2fr) minmax(220px,2fr);gap:20px}.seed-summary>div{min-width:0}.seed-summary>div>span{display:block;color:#8b98ac;font-size:11px;margin-bottom:9px}.seed-summary strong{display:block;font-size:16px;font-weight:600;color:#415b7e}.seed-summary small{color:#8b98ac;font-size:11px;font-weight:400}.seed-addresses{display:flex;flex-wrap:wrap;gap:6px}.seed-addresses span{background:#f3f6fb;border-radius:4px;padding:4px 7px;overflow-wrap:anywhere}.seed-explanation{margin:18px 0 0;line-height:1.9}.record-tabs{margin:0;border:0;gap:24px}.record-tabs .tab{padding:7px 0}.seed-summary .mono{font-size:11px}@media(max-width:800px){.seed-summary{grid-template-columns:1fr 1fr}.seed-summary>div:last-child{grid-column:1/-1}}@media(max-width:520px){.variable-list>div{grid-template-columns:120px minmax(0,1fr);gap:8px}.seed-summary{grid-template-columns:1fr}.seed-summary>div:last-child{grid-column:auto}.seed-options{padding:15px}.variable-help{padding:13px}.record-tabs{gap:18px}}
.preview-controls{padding:16px 20px 0;border-bottom:1px solid #edf0f5;background:#fbfcfe}.preview-controls .field{margin-bottom:12px}.preview-recipient{border:0;padding:0;margin:0;min-width:0}.preview-recipient textarea{font-family:Consolas,monospace;min-height:66px}.preview-recipient .help{margin:0 0 12px}.preview-format-row{display:flex;align-items:center;gap:12px}.preview-format-row>.field{flex:1}.preview-format-row>.btn{margin-top:10px}.preview-head>div{min-width:0}.preview-head strong{color:#526b8b;font-size:12px;font-weight:550;overflow-wrap:anywhere}.preview-head small{display:block;font-size:10px;margin-top:4px;overflow-wrap:anywhere}#preview-error{margin:15px 20px}.editor-preview .panel-footer{line-height:1.7}.editor-preview #preview-caption{display:block}#smtp-csv{overflow-wrap:anywhere}.dialog-body .note .mono{overflow-wrap:anywhere}
@media(min-width:1201px){.editor-preview{position:static}.editor-grid{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}}
/* MailPilot 0.5 — semantic surfaces and floating navigation. */
:root{
--background:#f1f5fa;--foreground:#20334e;--card:#fff;--muted:#f4f7fb;--muted-foreground:#71839b;
--primary:#3168df;--primary-hover:#2458c8;--primary-foreground:#fff;--accent:#edf3ff;
--border:#e2e9f2;--ring:#97baff;--destructive:#b44d5d;--destructive-surface:#fff4f5;
--success:#27876a;--success-surface:#ecf8f2;--warning:#9c761f;--warning-surface:#fff8e8;
--sidebar:#162841;--sidebar-foreground:#b8c9e3;--sidebar-muted:#8fa5c4;--sidebar-border:#ffffff1f;
--sidebar-width:232px;--sidebar-inset:16px;--surface-shadow:0 5px 22px #17365604,0 1px 2px #17365602;
--radius:14px;--ease:cubic-bezier(.2,.75,.25,1);
}
html,body{background:var(--background);color:var(--foreground)}
body{background-image:radial-gradient(ellipse at 93% 2%,#cbdcf845,transparent 48%);background-attachment:fixed}
a{color:var(--primary)}button:focus-visible,a:focus-visible{outline-color:var(--ring)}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.skip-link{position:fixed;left:20px;top:-100px;background:var(--card);padding:10px 16px;border:2px solid var(--primary);border-radius:10px;z-index:30}.skip-link:focus{top:20px}
.shell{grid-template-columns:calc(var(--sidebar-width) + var(--sidebar-inset)*2) minmax(0,1fr);isolation:isolate;transition:grid-template-columns .25s var(--ease)}
.shell.nav-collapsed{--sidebar-width:76px}
.ambient-light{position:fixed;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(ellipse 700px 550px at 77% 16%,#a9c2f620,transparent 75%),radial-gradient(ellipse 400px 700px at 12% 88%,#b5dacc25,transparent 75%);animation:ambient-breathe 14s ease-in-out infinite alternate}
@keyframes ambient-breathe{from{opacity:.5}to{opacity:1}}
#desktop-navigation{grid-column:1;min-width:0}
.sidebar{inset:var(--sidebar-inset) auto var(--sidebar-inset) var(--sidebar-inset);width:var(--sidebar-width);height:calc(100dvh - var(--sidebar-inset)*2);background:linear-gradient(155deg,#29405ad9 0%,#162841ed 45%,#13253fe8 100%);border:1px solid var(--sidebar-border);border-radius:22px;padding:24px 14px 16px;box-shadow:0 20px 45px #18335422,inset 0 1px 0 #ffffff26;backdrop-filter:blur(24px) saturate(140%);-webkit-backdrop-filter:blur(24px) saturate(140%);transition:width .25s var(--ease);color:var(--sidebar-foreground);overflow:visible;z-index:20}
.sidebar:before{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:radial-gradient(ellipse at 5% 5%,#a4c5ff15,transparent 53%);opacity:.7}
.sidebar>*{position:relative}.sidebar-brand{display:flex;align-items:center;gap:8px;margin-bottom:35px;min-height:38px}
.sidebar .brand{padding:0 9px;margin:0;gap:10px;min-width:0;white-space:nowrap;text-decoration:none}.sidebar .brand img{width:32px;height:32px;flex-shrink:0;filter:drop-shadow(0 3px 10px #83adff20)}
.sidebar .brand strong{font-size:20px;font-weight:650}.sidebar .brand small{font-size:8px;letter-spacing:1.65px;margin-top:2px;color:var(--sidebar-muted)}
.nav-section-label{font-size:10px;letter-spacing:1.2px;color:var(--sidebar-muted);padding:0 13px;margin:0 0 12px;white-space:nowrap}
.sidebar nav{display:flex;flex-direction:column;gap:6px;min-height:0}
.nav-item{position:relative;gap:13px;border:1px solid transparent;margin:0;padding:12px 13px;border-radius:11px;color:var(--sidebar-foreground);font-size:12px;min-height:45px;transition:background .2s,color .2s,border-color .2s,box-shadow .2s;white-space:nowrap;flex-shrink:0}
.nav-item>svg{width:18px;height:18px;flex-shrink:0;opacity:.94}.nav-item:hover{background:#ffffff0c;border-color:#ffffff09;color:var(--primary-foreground)}
.nav-item.active{background:linear-gradient(100deg,#3e76ed,#3165d8);border-color:#8fb4ff35;color:var(--primary-foreground);box-shadow:0 5px 19px #0a1d4840,inset 0 1px 0 #ffffff1c}
.nav-item.active:after{content:"";width:4px;height:4px;border-radius:50%;background:#d4e4ff;margin-left:auto;box-shadow:0 0 8px #ffffff45}
.nav-divider{height:1px;background:linear-gradient(90deg,#ffffff12,#ffffff04);margin:20px 13px 13px;flex-shrink:0}.nav-tooltip{display:none}
.sidebar-bottom{padding:24px 0 0;margin-top:auto}.workspace-card{display:flex;align-items:center;gap:10px;padding:12px 11px;border:1px solid #ffffff12;border-radius:12px;background:#ffffff05;overflow:hidden}.workspace-mark{display:grid;place-items:center;flex-shrink:0;color:#a4bce1;width:26px;height:30px}.workspace-mark svg{width:20px;height:20px}.workspace-copy{white-space:nowrap}.workspace-copy strong{display:block;font-size:10px;font-weight:500;color:#c1d0e4}.workspace-copy small{display:block;font-size:9px;color:var(--sidebar-muted);margin-top:3px}
.sidebar-footer{display:flex;justify-content:space-between;align-items:center;margin-top:15px;padding-left:8px;gap:8px}.sidebar-version{font-size:9px;letter-spacing:.3px;color:var(--sidebar-muted);white-space:nowrap}.sidebar .btn.subtle{color:var(--sidebar-muted);border-radius:9px}.sidebar .btn.subtle:hover{color:#fff;background:#ffffff12;border-color:transparent}.sidebar-toggle svg{width:18px;height:18px}.mobile-close{display:none}
.main-shell{position:relative;display:flex;flex-direction:column;min-height:100dvh}.topbar{height:84px;padding:0 36px 0 20px;border:0;background:transparent;gap:18px}.top-left{display:flex;align-items:center;gap:12px;min-width:0}.breadcrumb{gap:11px;font-size:11px;color:var(--muted-foreground);white-space:nowrap}.breadcrumb .breadcrumb-root{color:#8a98ad}.breadcrumb-divider{opacity:.5}.breadcrumb span:last-child{color:#526983;font-weight:500}.top-right{gap:16px}.server-time{display:flex;align-items:center;gap:7px;font-size:10px;color:var(--muted-foreground)}.server-time svg{width:13px;height:13px;color:#91a1b8}.account{border-left:1px solid var(--border);padding-left:18px;gap:9px}.avatar{width:30px;height:30px;border-radius:10px;background:var(--card);border:1px solid var(--border);color:var(--primary);box-shadow:0 2px 5px #19325004}.account-name{color:#566a84;font-size:11px}
.content{width:100%;max-width:1680px;padding:19px 36px 36px 20px;flex:1}.content:focus{outline:0}.route-enter>.page-heading,.route-enter>.stats,.route-enter>.compact-stats,.route-enter>.panel,.route-enter>.dashboard-grid,.route-enter>.template-grid{animation:content-arrive .35s var(--ease) both}.route-enter>.stats,.route-enter>.compact-stats{animation-delay:35ms}.route-enter>.dashboard-grid{animation-delay:65ms}
@keyframes content-arrive{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
.page-heading{margin-bottom:29px;gap:22px;align-items:center}.eyebrow{font-size:9px;letter-spacing:2px;color:#8c9bb0;margin-bottom:8px}.page-heading h1{font-size:28px;font-weight:650;letter-spacing:-.7px;margin-bottom:8px;color:#213550}.subtitle{color:var(--muted-foreground);font-size:12px;line-height:1.8}.page-heading>.actions{flex-shrink:0;max-width:55%;justify-content:flex-end}
.btn{min-height:36px;border-radius:9px;padding:8px 13px;font-size:11px;border-color:var(--border);color:#526983;background:var(--card);box-shadow:0 1px 2px #17365603;transition:background .18s,border-color .18s,box-shadow .18s,transform .18s}.btn:hover{background:#fbfdff;border-color:#c4d3e7;box-shadow:0 3px 8px #17365608;transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn.primary{background:var(--primary);border-color:var(--primary);color:var(--primary-foreground);box-shadow:0 3px 9px #3168df24}.btn.primary:hover{background:var(--primary-hover);border-color:var(--primary-hover);box-shadow:0 4px 12px #3168df32}.btn.danger{color:var(--destructive);border-color:#ecd8dd;background:var(--card)}.btn.danger:hover{background:var(--destructive-surface);border-color:#dfb9c2}.btn.subtle{box-shadow:none;color:var(--muted-foreground)}.btn.subtle:hover{background:#e7eef780}.btn.destructive-text{color:var(--destructive)}.btn.sm{min-height:29px;padding:5px 9px;font-size:10px}.btn.icon-only{width:33px;height:33px;min-height:33px;padding:7px}.btn:disabled:hover{transform:none;box-shadow:none}
.stats{gap:18px;margin-bottom:24px}.stat{border-radius:var(--radius);background:linear-gradient(135deg,#fff,#ffffffef);border-color:var(--border);box-shadow:var(--surface-shadow);padding:21px 23px;transition:box-shadow .22s,transform .22s}.stat:hover{box-shadow:0 10px 28px #17365609;transform:translateY(-2px)}.stat-top{color:#677b95;font-size:11px;gap:8px}.stat-icon{height:32px;width:32px;border-radius:10px;background:var(--accent);color:var(--primary)}.stat-icon svg{width:17px;height:17px}.stat-icon.green{background:var(--success-surface);color:var(--success)}.stat-icon.amber{background:var(--warning-surface);color:var(--warning)}.stat-value{font-size:31px;font-weight:650;letter-spacing:-1.1px;color:#263c59;margin:14px 0 8px}.stat-total{font-size:15px;color:#95a3b7;letter-spacing:0}.stat-meta{font-size:10px;color:#8292a8}.compact-stats .stat-value{font-size:26px}
.panel{border-color:var(--border);border-radius:var(--radius);box-shadow:var(--surface-shadow);margin-bottom:24px;background:var(--card)}.panel-head{padding:21px 24px;border-color:#edf1f7}.panel-head h2{font-size:14px;letter-spacing:-.2px}.panel-head p{font-size:10px;color:var(--muted-foreground)}.panel-body{padding:24px}.panel-footer{padding:14px 24px;color:#7c8da5;background:#fbfcfe;border-color:#edf1f7}.dashboard-grid{grid-template-columns:minmax(0,1.9fr) minmax(260px,1fr);gap:24px}
.table-wrap{scrollbar-width:thin;scrollbar-color:#cbd7e8 transparent}table{font-size:11px}th{padding:12px 24px;font-size:10px;letter-spacing:.2px;color:#8796aa;background:#fafcfe;border-color:#edf1f7}td{padding:17px 24px;border-color:#edf1f7}td strong{color:#405775;font-weight:550}.cell-sub{font-size:9px;color:#8a9ab0;margin-top:4px}tbody tr{transition:background .15s}tbody tr:hover{background:#f7faff}.table-actions{gap:5px}.badge{border-radius:6px;font-size:10px;padding:2px 8px}.badge.green{color:var(--success);background:var(--success-surface)}.badge.amber{color:var(--warning);background:var(--warning-surface)}.badge.red{color:var(--destructive);background:var(--destructive-surface)}.badge.blue{color:var(--primary);background:var(--accent)}
.progress{height:4px;background:#edf2f9}.progress span{background:linear-gradient(90deg,#628fec,var(--primary));transition:width .4s}.progress-label{font-size:9px;margin-bottom:7px;color:#8292aa}.pipeline{padding:27px 24px;gap:15px}.pipeline-item strong{font-size:25px;font-weight:620;color:#2e4564}.pipeline-item span{font-size:10px}.note{border-radius:9px;background:#f7faff;border-color:#e1eaf7;color:#6881a4;font-size:10px;padding:13px 15px}.note.amber{background:var(--warning-surface);color:#917137;border-color:#f0e4c5}.note .text{min-width:0;overflow-wrap:anywhere}.mini-events{padding:0 24px}.mini-event{padding:17px 0}.event-icon{border-radius:9px}.kv{font-size:11px;gap:13px}.kv dt{color:#8797ad}.help,.field small{color:#7d8ea6}.settings-note{color:#71849f}
.empty{padding:51px 24px}.empty-icon{background:linear-gradient(145deg,#f5f8fe,#edf3fb);border:1px solid #e7eef8;border-radius:15px;color:#8aa1c0;box-shadow:0 4px 12px #17365603}.empty h3{color:#627994;font-size:13px}.empty p{color:#8395ad;font-size:11px}.toolbar{padding:17px 24px}.field input,.field select,.field textarea,input.control,select.control,textarea.control{border-radius:8px;border-color:#dce5f0;background:var(--card);font-size:12px}.field input:focus,.field textarea:focus,.field select:focus,.control:focus{border-color:var(--ring);box-shadow:0 0 0 3px #eaf1ff}.field>label,.field>span:first-child{color:#526b89}.file-zone{border-radius:12px;background:#f8faff;border-color:#c5d5ec}.file-zone:hover{background:#f2f6ff;border-color:#96b6e5}
dialog{border-radius:18px;border-color:#e1e8f2;box-shadow:0 28px 95px #0c1f4940;background:var(--card)}dialog::backdrop{background:#13233b61;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}.dialog-header{padding:23px 25px;border-color:var(--border)}.dialog-header h2{font-size:18px;letter-spacing:-.3px}.dialog-header p{color:#7e8ea5;line-height:1.8}.dialog-footer{border-color:var(--border);background:#f8fafd}.dialog-body{padding:23px 25px}.toast{border-radius:12px;box-shadow:0 10px 30px #13274324;line-height:1.8;background:var(--sidebar)}
.template-card{border-radius:var(--radius);border-color:var(--border);box-shadow:var(--surface-shadow);transition:transform .2s,box-shadow .2s}.template-card:hover{transform:translateY(-3px);box-shadow:0 12px 26px #1736560c}.template-visual{background:radial-gradient(ellipse at 80% 0,#dce8fc,transparent),#f3f7fd;height:143px}.template-paper{transform:rotate(-3deg);box-shadow:0 9px 24px #28436916;border:1px solid #e6edf8;border-radius:5px}.template-info{padding:19px 21px}.template-info h3{font-size:13px}.template-info p{color:#7f91aa}.template-foot{padding:13px 21px;gap:10px}.editor-grid{gap:24px}.editor-preview .panel{border-color:#d8e3f3}.tabs{gap:22px}.tab{color:#7c8fa9}.tab.active{color:var(--primary);border-color:var(--primary)}.variable-help,.seed-settings{border-radius:10px}.variable-example{border-radius:7px}.list-item-icon{border-radius:8px;background:var(--accent);color:var(--primary)}
.workspace-footer{margin:0 36px 20px 20px;display:flex;align-items:center;justify-content:space-between;gap:14px;color:#9ba9bd;font-size:9px;letter-spacing:.3px}.delete-summary{display:flex;align-items:center;gap:13px;margin-bottom:20px}.delete-summary>div{min-width:0}.delete-summary strong{font-size:14px;overflow-wrap:anywhere}.delete-summary>div>div{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:5px}.delete-symbol{display:grid;place-items:center;background:var(--destructive-surface);border:1px solid #f0dfe3;color:var(--destructive);height:46px;width:46px;flex-shrink:0;border-radius:13px}.dependency-section{margin-top:24px}.dependency-section h3{display:flex;align-items:center;gap:9px;font-size:12px}.dependency-row{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:14px 0;border-bottom:1px solid var(--border);font-size:12px}.dependency-row:last-child{border-bottom:0}.dependency-title{display:flex;align-items:flex-start;flex-direction:column;gap:7px;min-width:0}.dependency-row strong{overflow-wrap:anywhere}.dependency-row .actions{flex-shrink:0}.dependency-row .help{font-size:10px}
.login-aside{background:radial-gradient(ellipse at 30% 15%,#39547785,transparent 60%),linear-gradient(155deg,#1b304d,#10223d)}.login-main{background:radial-gradient(ellipse at 70% 10%,#edf3ff,transparent 70%),#fff}.login-form .eyebrow{color:#7d98bc}.login-form input{border-radius:10px}.login-form .btn{border-radius:10px}.login-lines span:first-child{animation:ambient-breathe 4s ease-in-out infinite alternate}.login-foot{color:#8aa4c7}
.navigation-sheet:not([open]){display:none}.navigation-sheet{position:fixed;inset:12px auto 12px 12px;width:258px;max-width:calc(100vw - 48px);height:calc(100dvh - 24px);max-height:none;margin:0;padding:0;border:0;border-radius:22px;overflow:visible;background:transparent;box-shadow:none}.navigation-sheet .sidebar{position:relative;inset:auto;width:100%;height:100%;transform:none;padding-top:22px}.navigation-sheet::backdrop{background:#10213a66;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}body.navigation-open{overflow:hidden}
@media(min-width:801px){
.nav-collapsed .sidebar{padding:22px 12px 12px}.nav-collapsed .sidebar-brand{justify-content:center;margin-bottom:35px}.nav-collapsed .sidebar .brand{padding:0}.nav-collapsed .brand-copy,.nav-collapsed .nav-text,.nav-collapsed .nav-section-label,.nav-collapsed .workspace-copy,.nav-collapsed .sidebar-version-label{display:none}.nav-collapsed .sidebar>.nav-section-label{display:block;height:16px;font-size:0;padding:0;margin-bottom:12px}.nav-collapsed .nav-item{justify-content:center;padding:12px 0;gap:0}.nav-collapsed .nav-item.active:after{position:absolute;right:5px;width:3px;height:3px}.nav-collapsed .nav-divider{margin:20px 5px 29px}.nav-collapsed .workspace-card{padding:8px 0;justify-content:center;background:transparent;border-color:transparent}.nav-collapsed .sidebar-footer{padding:0;flex-direction:column-reverse;gap:8px}.nav-collapsed .sidebar-version{font-size:8px}.nav-collapsed .sidebar-toggle svg{transform:rotate(180deg)}.nav-collapsed .nav-item:hover .nav-tooltip,.nav-collapsed .nav-item:focus-visible .nav-tooltip{display:block;position:absolute;left:calc(100% + 21px);background:var(--sidebar);color:#fff;border:1px solid #ffffff15;border-radius:8px;padding:7px 11px;font-size:11px;box-shadow:0 5px 20px #1633561a;pointer-events:none}
}
@media(min-width:1600px){.content{padding-top:26px}.page-heading h1{font-size:30px}}
@media(max-width:1280px){.dashboard-grid{grid-template-columns:1fr}.stats{gap:13px}.stat{padding:18px}.stat-value{font-size:28px}.topbar{padding-right:27px}.content{padding-right:27px}.page-heading>.actions{max-width:60%}.template-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:1050px) and (min-width:801px){.shell{--sidebar-width:212px}.shell.nav-collapsed{--sidebar-width:76px}.sidebar{padding-left:11px;padding-right:11px}.page-heading{align-items:flex-start;flex-wrap:wrap}.page-heading>.actions{max-width:none}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.server-time{display:none}.detail-grid{grid-template-columns:1fr}}
@media(max-width:800px){
.shell,.shell.nav-collapsed{--sidebar-width:232px;grid-template-columns:minmax(0,1fr)}#desktop-navigation{display:none}.main-shell{grid-column:1}.topbar{height:70px;padding:0 19px;gap:12px}.menu-toggle{display:inline-flex}.breadcrumb{display:flex;font-size:11px;gap:0}.breadcrumb-root,.breadcrumb-divider{display:none}.top-right{gap:7px}.server-time{display:none}.account{padding-left:0;border:0}.account-name{display:none}.content{padding:18px 19px 26px}.page-heading{margin-bottom:23px;align-items:flex-start;gap:17px}.page-heading>.actions{max-width:none}.page-heading h1{font-size:25px}.subtitle{font-size:11px}.eyebrow{font-size:8px;letter-spacing:1.7px}.stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:20px}.stat{padding:17px}.stat-value{font-size:27px}.stat-top{font-size:11px}.stat-meta{font-size:10px}.dashboard-grid,.detail-grid{grid-template-columns:1fr;gap:0}.panel{margin-bottom:20px}.panel-head{padding:18px 19px}.panel-head h2{font-size:13px}.panel-body{padding:19px}.toolbar{padding:16px 19px}.panel-footer{padding:13px 19px}.table-wrap th,.table-wrap td{padding-left:19px;padding-right:19px}.workspace-footer{margin:0 19px 20px;font-size:8px}.workspace-footer span:last-child{display:none}.navigation-sheet .mobile-close{display:inline-flex;margin-left:auto}.navigation-sheet .sidebar-brand{margin-bottom:35px}.navigation-sheet .sidebar-toggle{display:none}.navigation-sheet .sidebar-footer{min-height:24px}.navigation-sheet .nav-item{font-size:13px;min-height:48px}.navigation-sheet .sidebar-brand .brand{padding-left:8px}.navigation-sheet .sidebar-bottom{padding-top:18px}.navigation-sheet .sidebar-version{font-size:10px}.template-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.compact-stats{gap:12px}.compact-stats .stat{padding:15px}.navigation-sheet .sidebar{overflow-y:auto;overflow-x:hidden}.sidebar nav{gap:6px}.nav-divider{margin-top:16px}
}
@media(max-width:520px){
.content{padding:17px 16px 24px}.topbar{padding:0 16px}.page-heading{flex-direction:column}.page-heading>.actions{justify-content:flex-start;gap:8px}.page-heading .actions .btn{font-size:11px;padding:8px 11px}.stat{padding:15px}.stat-top{font-size:10px;gap:5px}.stat-icon{width:27px;height:27px;border-radius:8px}.stat-value{font-size:26px}.stat-total{font-size:13px}.stat-meta{font-size:9px}.panel-head{align-items:center}.panel-head p{font-size:10px}.panel-body{padding:18px}.pipeline{padding:23px 18px;gap:8px}.pipeline-item{padding-left:10px}.pipeline-item strong{font-size:22px}.pipeline-item span{font-size:9px}.template-grid{grid-template-columns:1fr}.dialog-header,.dialog-footer{padding:18px}.dialog-body{padding:19px;max-height:calc(100dvh - 185px)}dialog{border-radius:15px}.dialog-header h2{font-size:17px}.dependency-row{flex-wrap:wrap}.dependency-row .actions{width:100%;justify-content:flex-end}.compact-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.stats .stat-top{min-height:27px}.toolbar .actions{gap:8px}.workspace-footer{margin-left:16px;margin-right:16px}.note{font-size:10px}.form-grid{grid-template-columns:minmax(0,1fr)}.editor-grid{grid-template-columns:minmax(0,1fr)}.asset-row{flex-wrap:wrap}.asset-row .actions{margin-left:auto}.template-foot{flex-wrap:wrap}.preview-controls{padding-left:16px;padding-right:16px}
}
@media(max-height:690px){.sidebar{padding-top:17px}.sidebar-brand{margin-bottom:23px}.sidebar nav{gap:3px}.nav-item{min-height:40px;padding-top:9px;padding-bottom:9px}.nav-divider{margin-top:13px;margin-bottom:10px}.sidebar-bottom{padding-top:16px}.workspace-card{padding-top:8px;padding-bottom:8px}.navigation-sheet .sidebar-brand{margin-bottom:20px}.navigation-sheet .nav-item{min-height:41px;padding-top:8px;padding-bottom:8px}.navigation-sheet .sidebar{overflow-y:auto}.nav-collapsed .sidebar-brand{margin-bottom:23px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.stat:hover,.template-card:hover,.btn:hover{transform:none}.ambient-light{opacity:.7}}
@media(max-height:690px){.sidebar-brand,.sidebar>.nav-section-label,.sidebar-bottom{flex-shrink:0}.sidebar nav{overflow-y:auto;scrollbar-width:thin;scrollbar-color:#ffffff26 transparent}.sidebar nav .nav-item{min-height:38px}}
/* Live concurrency controls share the existing settings and glass navigation theme. */
.concurrency-form-grid{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:22px;align-items:start}.concurrency-form-grid .field{margin-bottom:0}.concurrency-form-grid input{max-width:240px;font-size:21px;font-weight:600;font-variant-numeric:tabular-nums;padding:10px 13px;line-height:1.5}.concurrency-form-grid .field small{max-width:470px;line-height:1.8}.concurrency-save{padding-top:25px}.concurrency-save .btn{min-height:51px}.concurrency-presets{border:0;padding:0;margin:19px 0 0;min-width:0}.concurrency-presets legend{font-size:10px;color:var(--muted-foreground);padding:0;margin-bottom:9px}.concurrency-presets .actions{gap:8px;flex-wrap:wrap}.concurrency-presets .btn{min-width:47px;font-variant-numeric:tabular-nums}.concurrency-feedback{min-height:22px;margin:12px 0;line-height:1.8}.concurrency-feedback.form-error{color:var(--destructive)}.concurrency-reset-row{display:flex;gap:13px;align-items:center}.concurrency-reset-row>.btn{flex-shrink:0}.concurrency-reset-row .help{font-size:10px;line-height:1.8}.concurrency-divider{height:1px;background:var(--border);margin:23px 0}.concurrency-status{display:flex;gap:10px;align-items:flex-start;color:var(--muted-foreground);font-size:11px;line-height:1.9;margin-bottom:19px}.concurrency-status .badge{flex-shrink:0}.concurrency-metrics{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.concurrency-metric{border:1px solid var(--border);background:var(--muted);border-radius:10px;padding:15px 13px;min-width:0}.concurrency-metric>span{display:block;color:var(--muted-foreground);font-size:10px;line-height:1.7}.concurrency-metric>strong{display:block;font-size:24px;line-height:1.5;letter-spacing:-.5px;font-weight:600;margin-top:4px;color:var(--foreground);font-variant-numeric:tabular-nums}.concurrency-summary-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 16px;margin:13px 0 8px;font-size:10px;color:var(--muted-foreground)}.concurrency-worker-details{margin-top:21px;border-top:1px solid var(--border)}.concurrency-worker-details>summary{cursor:pointer;padding:16px 0 2px;font-size:11px;color:var(--primary);outline-offset:4px}.concurrency-worker-details[open]>summary{padding-bottom:16px}.concurrency-worker-details>summary:focus-visible{outline:3px solid var(--ring);border-radius:6px}.concurrency-worker-details .table-wrap{border:1px solid var(--border);border-radius:9px}.concurrency-worker-details th,.concurrency-worker-details td{padding:12px 14px}.concurrency-worker-details .worker-identity{display:block;max-width:220px;overflow-wrap:anywhere;white-space:normal}.concurrency-worker-details .settings-note{padding-top:10px}.concurrency-panel .panel-footer{line-height:1.8}.concurrency-panel .field[data-invalid]>input{border-color:var(--destructive)}.smtp-concurrency-panel .concurrency-metrics{grid-template-columns:repeat(4,minmax(0,1fr))}.smtp-concurrency-panel .panel-head{gap:14px}.smtp-concurrency-panel .panel-head>.btn{flex-shrink:0}.smtp-concurrency-panel .help{line-height:1.8}.smtp-concurrency-panel+.panel .cell-sub strong{color:var(--primary);font-weight:600}
@media(max-width:1050px){.concurrency-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:520px){.concurrency-form-grid{grid-template-columns:minmax(0,1fr);gap:12px}.concurrency-form-grid input{max-width:none}.concurrency-save{padding-top:0}.concurrency-save .btn{min-height:41px;width:100%}.concurrency-reset-row{align-items:flex-start;flex-direction:column;gap:8px}.concurrency-status{flex-direction:column;gap:7px}.concurrency-metrics,.smtp-concurrency-panel .concurrency-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.concurrency-metric{padding:12px}.concurrency-metric>strong{font-size:22px}.concurrency-summary-foot{align-items:flex-start;flex-direction:column;gap:6px}.smtp-concurrency-panel .panel-head{align-items:flex-start;flex-wrap:wrap}.concurrency-worker-details .worker-identity{max-width:150px;min-width:110px}}
.concurrency-stale{margin-bottom:15px}
/* Import progress reports server checkpoints, independently of upload progress. */
.import-progress{margin:12px 0}.import-progress .progress-label{font-size:10px}.import-progress .help{margin-top:6px}
.direction-toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px}.direction-toolbar .actions{flex-wrap:wrap;gap:8px}.direction-toolbar label{margin:0}.direction-help{margin:10px 0 12px;line-height:1.8}.direction-toolbar .btn:disabled{opacity:.45;cursor:not-allowed}@media(max-width:520px){.direction-toolbar{align-items:flex-start;flex-direction:column}.direction-toolbar .actions{width:100%}.direction-toolbar .btn{font-size:11px;padding:8px 11px}}