:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans SC,sans-serif;color:#18221e;background:#eef1ee;font-synthesis:none;--ink: #07110e;--muted: #718078;--line: #dfe5e1;--paper: #fbfcfb;--green: #1db46a;--green-deep: #10814a;--mint: #dff8e9;--amber: #e9a23b;--red: #d85656;--ease: cubic-bezier(.23,1,.32,1)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:#eef1ee}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}button:active:not(:disabled){transform:scale(.97)}input,select{outline:none}code{font-family:DM Mono,monospace}.boot-screen{min-height:100vh;display:grid;place-content:center;justify-items:center;gap:20px;background:var(--ink);color:#fff}.brand-mark{width:50px;height:50px;display:grid;place-items:center;border-radius:15px;background:var(--green);color:#04140c;box-shadow:0 14px 40px #1db46a40}.brand-mark.small{width:36px;height:36px;border-radius:10px;box-shadow:none}.spin{animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.login-page{min-height:100vh;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(420px,.85fr);background:var(--ink);color:#fff;overflow:hidden}.login-copy{position:relative;padding:clamp(44px,7vw,100px);display:flex;flex-direction:column;justify-content:center;overflow:hidden}.login-copy:before{content:"";position:absolute;width:520px;height:520px;right:-180px;top:-160px;border:1px solid rgba(93,235,160,.18);border-radius:50%;box-shadow:0 0 0 70px #5deba006,0 0 0 150px #5deba005}.login-copy:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:.14;background-image:linear-gradient(rgba(255,255,255,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.1) 1px,transparent 1px);background-size:42px 42px;-webkit-mask-image:linear-gradient(to right,black,transparent 80%);mask-image:linear-gradient(to right,black,transparent 80%)}.login-copy>*{position:relative;z-index:1}.login-copy .brand-mark{margin-bottom:64px}.eyebrow{margin:0 0 12px;color:var(--green);letter-spacing:.18em;font:600 11px DM Mono,monospace}.login-copy h1{margin:0;max-width:720px;font-size:clamp(48px,6vw,86px);line-height:1.06;letter-spacing:-.055em}.login-lead{max-width:570px;margin:30px 0 52px;color:#a8b6ae;font-size:17px;line-height:1.8}.trust-row{display:flex;flex-wrap:wrap;gap:12px 24px;color:#cad3ce;font-size:13px}.trust-row span{display:flex;align-items:center;gap:8px}.trust-row svg{color:var(--green)}.login-panel-wrap{display:grid;place-items:center;padding:44px;background:#f3f5f3;color:var(--ink);position:relative}.login-panel-wrap:before{content:"";position:absolute;left:0;top:0;bottom:0;width:1px;background:linear-gradient(transparent,rgba(29,180,106,.45),transparent)}.login-card{width:min(100%,430px);padding:46px;border-radius:24px;background:#fff;box-shadow:0 28px 90px #04110d1f}.login-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:14px;color:var(--green-deep);background:var(--mint);margin-bottom:28px}.login-card h2{margin:0;font-size:29px;letter-spacing:-.035em}.login-card>div>p:last-child{color:var(--muted);margin:8px 0 30px;font-size:14px}.field-label,.editor-form label>span,.bulk-form label>span{display:block;margin-bottom:9px;color:#4d5b54;font-size:12px;font-weight:700}.input-shell,.input-prefix{min-height:48px;display:flex;align-items:center;gap:10px;padding:0 14px;border:1px solid #d7ded9;border-radius:11px;background:#fafbfa;transition:border-color .18s var(--ease),box-shadow .18s var(--ease)}.input-shell:focus-within,.input-prefix:focus-within{border-color:var(--green);box-shadow:0 0 0 3px #1db46a1f}.input-shell.has-error{border-color:var(--red)}.input-shell svg,.input-prefix svg{color:#87928c;flex:none}.input-shell input,.input-prefix input{width:100%;border:0;background:transparent}.form-error{display:flex;align-items:center;gap:7px;color:var(--red);font-size:13px}.login-button{width:100%;justify-content:center;margin-top:20px;min-height:49px}.login-footnote{color:#95a099;text-align:center;font-size:11px;margin:20px 0 0}.primary-button,.ghost-button,.danger-button,.small-button{border:0;border-radius:10px;min-height:40px;padding:0 16px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:700;font-size:13px;transition:transform .16s var(--ease),background .18s var(--ease),box-shadow .18s var(--ease)}.primary-button{color:#03160c;background:var(--green);box-shadow:0 8px 20px #1db46a2e}.primary-button:hover{background:#24c878}.primary-button.compact{min-height:34px;padding:0 12px}.ghost-button,.small-button{color:#34443b;background:#f1f4f2;border:1px solid #e0e5e2}.ghost-button:hover,.small-button:hover{background:#e8eeea}.danger-button{color:#fff;background:var(--red)}.icon-button{width:38px;height:38px;display:grid;place-items:center;background:transparent;border:1px solid var(--line);border-radius:10px;color:#526159}.app-shell{min-height:100vh;display:grid;grid-template-columns:244px minmax(0,1fr)}.sidebar{background:var(--ink);color:#d7dfda;padding:26px 18px 20px;display:flex;flex-direction:column;position:fixed;inset:0 auto 0 0;width:244px;z-index:30}.brand{display:flex;align-items:center;gap:12px;padding:0 8px 34px}.brand>div{display:flex;flex-direction:column}.brand strong{color:#fff;font-size:14px;letter-spacing:-.01em}.brand small{color:#76857d;margin-top:2px;font-size:10px}.sidebar nav{display:grid;gap:6px}.sidebar nav button,.sidebar-foot>button{width:100%;display:flex;align-items:center;gap:11px;border:0;padding:12px 13px;border-radius:10px;background:transparent;color:#87958e;font-weight:600;font-size:13px;text-align:left;transition:background .18s var(--ease),color .18s var(--ease)}.sidebar nav button:hover,.sidebar-foot>button:hover{color:#fff;background:#ffffff0f}.sidebar nav button.active{color:#effff5;background:#1db46a24;box-shadow:inset 2px 0 var(--green)}.sidebar nav button.active svg{color:var(--green)}.sidebar-foot{margin-top:auto;display:grid;gap:14px}.local-badge{display:flex;align-items:center;gap:10px;padding:13px;border:1px solid rgba(255,255,255,.07);border-radius:12px;background:#ffffff06}.local-badge>span{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px #1db46a1f}.local-badge div{display:flex;flex-direction:column}.local-badge strong{color:#dae5de;font-size:11px}.local-badge small{color:#66756d;font-size:9px;margin-top:2px}.main-content{grid-column:2;min-width:0}.page-wrap{max-width:1500px;margin:0 auto;padding:46px 42px 60px}.mobile-header{display:none}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:28px}.page-heading h1{margin:0;font-size:33px;letter-spacing:-.045em}.page-heading>div:first-child>p:last-child{margin:8px 0 0;color:var(--muted);font-size:14px}.heading-actions{display:flex;align-items:center;gap:10px}.sync-state{display:flex;align-items:center;gap:10px;padding-right:9px}.sync-state>span{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px #1db46a1a}.sync-state div{display:flex;flex-direction:column}.sync-state small{color:#849087;font-size:9px}.sync-state strong{font:500 10px DM Mono,monospace;margin-top:2px}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}.stat-card{min-height:126px;display:flex;align-items:flex-start;gap:16px;padding:22px;border-radius:15px;background:var(--paper);box-shadow:0 3px 16px #18221e0a;border:1px solid rgba(212,221,216,.85)}.stat-card.secure{background:#0c1a15;color:#fff;border-color:#0c1a15}.stat-icon{width:39px;height:39px;display:grid;place-items:center;border-radius:11px;flex:none}.stat-icon.green{color:#137a47;background:#dff8e9}.stat-icon.ink{color:#40544a;background:#e9eeeb}.stat-icon.amber{color:#a36c1c;background:#fff0d6}.stat-icon.mint{color:#42db8d;background:#2ecf7a1a}.stat-card div:last-child{display:flex;flex-direction:column}.stat-card small{color:#7b8981;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.stat-card strong{margin-top:7px;font-size:24px;line-height:1;letter-spacing:-.04em}.stat-card p{color:#89968f;margin:9px 0 0;font-size:11px}.surface{background:var(--paper);border:1px solid rgba(212,221,216,.9);box-shadow:0 3px 18px #18221e09;border-radius:16px}.rules-panel{overflow:hidden}.toolbar{display:flex;justify-content:space-between;gap:16px;padding:18px;border-bottom:1px solid var(--line)}.search-box{width:min(440px,100%);min-height:40px;display:flex;align-items:center;gap:9px;padding:0 12px;border-radius:9px;background:#eef2ef;color:#77857d}.search-box:focus-within{box-shadow:0 0 0 2px #1db46a2e}.search-box input{border:0;background:transparent;width:100%;font-size:12px}.search-box button{border:0;background:transparent;color:#8e9993;padding:2px;display:grid}.filters{display:flex;gap:8px}.filters label{position:relative;min-height:40px;display:flex;align-items:center;gap:7px;padding:0 10px;border:1px solid var(--line);border-radius:9px;color:#76837c;background:#fff}.filters select{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;padding-right:18px;color:#37473e;font-size:11px;font-weight:600}.filters label>svg:last-child{position:absolute;right:8px;pointer-events:none}.selection-bar{margin:12px 18px 0;padding:10px 12px;border-radius:10px;background:#e8f8ef;display:flex;align-items:center;justify-content:space-between;color:#1a6842;font-size:12px}.selection-bar>span,.selection-bar>div{display:flex;align-items:center;gap:9px}.table-wrap{overflow-x:auto;min-height:230px}table{width:100%;border-collapse:collapse;min-width:930px}th{padding:13px 16px;color:#849089;background:#f6f8f6;text-align:left;font-size:9px;letter-spacing:.08em;text-transform:uppercase}td{padding:16px;border-top:1px solid #e7ebe8;vertical-align:middle;font-size:12px}tbody tr{transition:background .16s var(--ease)}tbody tr:hover{background:#f8faf8}.check-cell{width:42px;padding-right:4px}input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border:1px solid #bdc7c1;border-radius:4px;background:#fff;display:grid;place-content:center}input[type=checkbox]:after{content:"";width:8px;height:5px;border:solid white;border-width:0 0 2px 2px;transform:rotate(-45deg) scale(0);transition:transform .12s var(--ease);margin-top:-2px}input[type=checkbox]:checked{border-color:var(--green);background:var(--green)}input[type=checkbox]:checked:after{transform:rotate(-45deg) scale(1)}.source-cell{display:flex;align-items:center;gap:11px;min-width:210px}.site-favicon{width:31px;height:31px;display:grid;place-items:center;border-radius:9px;background:#e6ebe8;color:#466054;font-size:11px;font-weight:800}.source-cell div{min-width:0}.source-cell strong{display:block;max-width:230px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.source-cell p{margin:4px 0 0;color:#919c96;font:400 9px DM Mono,monospace}.target-cell{display:flex;align-items:center;max-width:410px;gap:8px}.target-cell code{display:block;color:#384c42;font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.target-cell button{opacity:0;border:0;background:transparent;color:#7f8d85;padding:4px;transition:opacity .15s}tr:hover .target-cell button{opacity:1}.code-badge{display:inline-flex;align-items:center;justify-content:center;min-width:38px;height:24px;border-radius:6px;font:600 10px DM Mono,monospace}.code-301{color:#137749;background:#dcf6e7}.code-302{color:#95631a;background:#ffedcf}.type-label{color:#89958f;margin-left:7px;font-size:10px}.status-badge{display:inline-flex;align-items:center;gap:7px;white-space:nowrap;color:#527060;font-size:10px;font-weight:700}.status-badge i{width:7px;height:7px;border-radius:50%;background:currentColor;box-shadow:0 0 0 3px #1db46a1a}.status-badge.online{color:#169458}.status-badge.offline{color:#9ba49f}.action-cell{text-align:right;white-space:nowrap}.row-button{width:31px;height:31px;display:inline-grid;place-items:center;border:0;border-radius:8px;background:transparent;color:#718078;transition:background .15s,color .15s}.row-button:hover{color:#183b2a;background:#e7eee9}.row-button.danger:hover{color:var(--red);background:#fdeaea}.table-footer{padding:13px 18px;border-top:1px solid var(--line);display:flex;justify-content:space-between;color:#8b9790;font-size:10px}.table-footer span{display:flex;align-items:center;gap:6px}.page-loader{min-height:280px;display:grid;place-content:center;justify-items:center;gap:12px;color:#839087;font-size:12px}.empty-state{min-height:250px;display:grid;place-content:center;justify-items:center;text-align:center;padding:30px}.empty-state>span{width:48px;height:48px;display:grid;place-items:center;border-radius:13px;color:#708078;background:#edf1ee}.empty-state strong{margin-top:14px;font-size:14px}.empty-state p{margin:6px 0 0;color:#8b9790;font-size:11px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:grid;place-items:center;padding:24px;background:#030b089e;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:fadeIn .2s var(--ease)}.modal{width:min(620px,100%);max-height:calc(100vh - 48px);overflow:auto;border-radius:18px;background:#fcfdfc;box-shadow:0 32px 100px #0000004d;animation:modalIn .24s var(--ease)}.modal-wide{width:min(880px,100%)}@keyframes fadeIn{0%{opacity:0}}@keyframes modalIn{0%{opacity:0;transform:translateY(12px) scale(.98)}}.modal-head{padding:24px 26px 19px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.modal-head h2{margin:0;font-size:21px;letter-spacing:-.03em}.modal-head p{margin:7px 0 0;color:var(--muted);font-size:11px}.editor-form,.bulk-form{padding:24px 26px 0;display:grid;gap:18px}.editor-form input:not([type=checkbox]),.editor-form select,.bulk-form input{width:100%;min-height:43px;border:1px solid #d7ded9;border-radius:9px;padding:0 12px;background:#fff;font-size:12px;transition:border .15s,box-shadow .15s}.editor-form input:focus,.editor-form select:focus,.bulk-form input:focus{border-color:var(--green);box-shadow:0 0 0 3px #1db46a1a}.editor-form input:disabled,.editor-form select:disabled{background:#f1f3f1;color:#89948e}.editor-form .input-prefix{min-height:43px;padding:0 12px}.editor-form .input-prefix input{border:0;padding:0;min-height:40px;box-shadow:none}.editor-form label>span em,.bulk-form label>span em{color:#929e97;font-weight:400;font-style:normal;margin-left:6px}.form-grid{display:grid;gap:14px}.form-grid.two{grid-template-columns:1fr 1fr}.switch-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.switch-label{display:flex!important;align-items:center;gap:11px;padding:13px;border-radius:10px;background:#f3f6f4}.switch-label>span{margin:0!important;display:flex!important;flex-direction:column}.switch-label strong{font-size:11px;color:#26372e}.switch-label small{font-size:9px;color:#87938c;margin-top:3px}.switch{position:relative;width:36px;height:21px;padding:0;border:0;border-radius:99px;background:#cbd3ce;flex:none;transition:background .16s}.switch span{position:absolute;left:3px;top:3px;width:15px;height:15px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0003;transition:transform .18s var(--ease)}.switch.on{background:var(--green)}.switch.on span{transform:translate(15px)}.safe-note{display:flex;align-items:flex-start;gap:9px;padding:12px;border-radius:9px;color:#31704e;background:#e8f7ee;font-size:10px;line-height:1.55}.safe-note svg{flex:none;margin-top:1px}.safe-note.warning{color:#886027;background:#fff2de}.modal-actions{display:flex;justify-content:flex-end;gap:9px;margin:2px -26px 0;padding:17px 26px;border-top:1px solid var(--line)}.segment-control{display:grid;grid-template-columns:1fr 1fr;padding:4px;border-radius:10px;background:#edf1ee}.segment-control button{min-height:36px;border:0;border-radius:7px;background:transparent;color:#728078;font-size:11px;font-weight:700}.segment-control button.active{background:#fff;color:#17412d;box-shadow:0 3px 10px #18221e14}.preview-head{display:flex;justify-content:space-between;color:#637169;font-size:11px}.preview-head strong{color:#1b7e4d}.change-preview{border:1px solid var(--line);border-radius:10px;max-height:254px;overflow:auto}.change-row{display:grid;grid-template-columns:110px minmax(0,1fr) 18px minmax(0,1fr);align-items:center;gap:9px;padding:11px;border-top:1px solid var(--line);font-size:10px}.change-row:first-child{border:0}.change-row code{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.change-row code:last-child{color:#168d55}.change-row.unchanged{opacity:.46}.change-site{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:700}.more-row{padding:10px;text-align:center;color:#8c9891;background:#f5f7f5;font-size:10px}.confirm-body{padding:30px 26px;display:flex;align-items:center;gap:16px}.confirm-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:13px;color:#1a8852;background:#e1f6e9;flex:none}.confirm-icon.danger{color:var(--red);background:#fde9e9}.confirm-body p{margin:0;color:#66746c;font-size:12px;line-height:1.7}.toast{position:fixed;z-index:150;right:24px;bottom:24px;max-width:460px;display:flex;align-items:center;gap:10px;padding:13px 15px;border-radius:11px;color:#fff;background:#13241b;box-shadow:0 16px 45px #00000038;font-size:12px;animation:toastIn .25s var(--ease)}.toast>span{color:#45dd8f}.toast.error>span{color:#ff8c8c}.toast button{display:grid;border:0;background:transparent;color:#89958e;margin-left:8px;padding:0}@keyframes toastIn{0%{opacity:0;transform:translateY(10px)}}.history-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.history-card{overflow:hidden;min-height:480px}.section-title{display:flex;align-items:center;justify-content:space-between;padding:19px 20px;border-bottom:1px solid var(--line)}.section-title>div{display:flex;align-items:center;gap:9px}.section-title svg{color:var(--green-deep)}.section-title h2{margin:0;font-size:14px}.section-title>span{color:#849087;font-size:10px}.timeline,.audit-list{padding:7px 20px 20px;max-height:650px;overflow:auto}.timeline-item{position:relative;display:grid;grid-template-columns:17px minmax(0,1fr) auto;gap:10px;align-items:start;padding:16px 0;border-bottom:1px solid #e9ecea}.timeline-dot{width:9px;height:9px;margin-top:3px;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px #e2f5e9}.timeline-item strong,.audit-row strong{font-size:11px}.timeline-item p,.audit-row p{margin:5px 0 0;color:#8b9791;font:400 9px DM Mono,monospace}.timeline-item small{display:block;color:#14824c;margin-top:5px;font-size:9px}.timeline-item .small-button{min-height:30px;padding:0 9px;font-size:10px}.audit-row{display:grid;grid-template-columns:30px minmax(0,1fr) auto;gap:10px;align-items:center;padding:14px 0;border-bottom:1px solid #e9ecea}.audit-status{width:28px;height:28px;display:grid;place-items:center;border-radius:8px;color:#148c52;background:#e3f6eb}.audit-status.failed{color:var(--red);background:#fdeaea}.audit-row code{color:#87938d;font-size:9px}@media(max-width:1100px){.stats-grid{grid-template-columns:1fr 1fr}.history-grid{grid-template-columns:1fr}.sync-state{display:none}}@media(max-width:820px){.login-page{grid-template-columns:1fr}.login-copy{min-height:42vh;padding:40px 28px}.login-copy .brand-mark{margin-bottom:36px}.login-copy h1{font-size:46px}.login-lead{margin:22px 0 28px}.login-panel-wrap{padding:28px 18px 50px}.login-card{padding:30px;margin-top:-32px;z-index:2}.app-shell{display:block}.sidebar{transform:translate(-100%);transition:transform .24s var(--ease);box-shadow:20px 0 50px #00000040}.sidebar.open{transform:translate(0)}.main-content{width:100%}.mobile-header{height:62px;display:flex;position:sticky;top:0;z-index:20;align-items:center;justify-content:space-between;padding:0 16px;color:#fff;background:var(--ink)}.mobile-header .icon-button{border-color:#ffffff1f;color:#fff}.page-wrap{padding:28px 18px 50px}.page-heading{align-items:flex-start;flex-direction:column}.heading-actions{width:100%;flex-wrap:wrap}.toolbar{flex-direction:column}.search-box{width:100%}.filters{overflow-x:auto}.stats-grid{grid-template-columns:1fr 1fr}.stat-card{min-height:110px;padding:17px}.selection-bar{align-items:flex-start;flex-direction:column;gap:10px}.form-grid.two,.switch-row{grid-template-columns:1fr}.change-row{grid-template-columns:80px minmax(0,1fr)}.change-row svg{display:none}.change-row code:last-child{grid-column:2}.modal-backdrop{padding:12px}.modal{max-height:calc(100vh - 24px)}.table-footer{gap:10px;flex-wrap:wrap}}@media(max-width:520px){.login-copy h1{font-size:39px}.trust-row{display:grid}.login-card{padding:26px 22px}.stats-grid{grid-template-columns:1fr}.stat-card{min-height:94px}.page-heading h1{font-size:29px}.heading-actions .ghost-button,.heading-actions .primary-button{flex:1}.modal-head,.editor-form,.bulk-form{padding-left:18px;padding-right:18px}.modal-actions{margin-left:-18px;margin-right:-18px;padding-left:18px;padding-right:18px}.toast{left:14px;right:14px;bottom:14px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}