:root{--ink:#20283b;--muted:#8c93a3;--purple:#6856ed;--line:#e8eaf0;--bg:#f6f7fb;--green:#23896f}*{box-sizing:border-box}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;color:var(--ink);background:var(--bg);font-size:14px}button,input,textarea,select{font:inherit}button,a{ -webkit-tap-highlight-color:transparent}button{cursor:pointer;border:0;border-radius:9px;padding:11px 17px;background:#eef0f6;color:var(--ink);font-weight:600}button:hover{filter:brightness(.96)}button:disabled{opacity:.5;cursor:default}a{color:var(--purple);text-decoration:none}.primary{background:var(--purple);color:white;display:inline-flex;gap:25px;align-items:center;justify-content:space-between;box-shadow:0 5px 14px #6856ed1a}.muted{color:var(--muted);line-height:1.7}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2px;color:var(--purple);margin:0 0 12px}h1{font-size:32px;letter-spacing:-1.2px;line-height:1.2;margin:0 0 10px}h2{font-size:19px;letter-spacing:-.4px;margin:0 0 8px}h3{font-size:15px;margin:0}p{line-height:1.6}.logo{display:inline-flex;width:38px;height:38px;align-items:center;justify-content:center;background:var(--purple);border-radius:11px;font-size:27px;color:white;font-weight:700;position:relative}.logo span{font-size:14px;position:absolute;right:3px;top:0}.login{display:flex;min-height:100vh;background:white}.login-card{padding:8vh 8vw;width:52%;max-width:760px}.login-card .logo{margin-bottom:42px}.login-card h1{font-size:43px;margin-bottom:20px}.login form{max-width:365px;margin-top:32px}.login .primary{width:100%;margin-top:12px}.login small{display:block;color:var(--muted);margin-top:30px}.login-art{flex:1;position:relative;overflow:hidden;background:#ece9ff;display:flex;align-items:center;justify-content:center}.orbit{position:absolute;width:650px;height:650px;border:1px solid #c4bced;border-radius:50%;box-shadow:0 0 0 80px #d9d1ff50,0 0 0 160px #e1dbff}.mail-art{transform:rotate(-9deg);padding:80px;background:#fff9;border:1px solid white;border-radius:30px;box-shadow:20px 30px 60px #6856ed22;font-size:140px;color:var(--purple)}.mail-art p{font-size:16px;margin:0}.art-note{position:absolute;bottom:50px;font-size:10px;letter-spacing:3px;color:var(--purple)}label{display:block;font-weight:600;font-size:12px;margin-bottom:16px}input,textarea,select{display:block;width:100%;border:1px solid #dfe3ed;border-radius:8px;padding:12px;margin-top:7px;background:white;color:var(--ink);outline:none}input:focus,textarea:focus,select:focus{border-color:var(--purple);box-shadow:0 0 0 3px #6856ed0c}input[type=checkbox]{display:inline;width:auto;margin-right:8px}.check{display:flex;align-items:flex-start;font-weight:400;font-size:13px;line-height:1.6}.check input{margin-top:3px}textarea{resize:vertical;min-height:120px}.sidebar{position:fixed;width:232px;inset:0 auto 0 0;background:white;border-right:1px solid var(--line);padding:30px 22px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:10px;color:var(--ink)}.brand strong{font-size:17px;letter-spacing:-.6px}.brand small{display:block;font-size:8px;letter-spacing:3px;color:var(--muted);margin-top:4px}.nav-label{font-size:9px;letter-spacing:1.4px;color:#a0a7b6;margin:46px 12px 18px}.sidebar nav{display:grid;gap:6px}.sidebar nav button{text-align:left;background:none;display:flex;align-items:center;gap:12px;font-size:17px;padding:13px 14px;color:#8c93a3}.sidebar nav button span{font-size:12px;font-weight:500}.sidebar nav button.active{background:#f0edff;color:var(--purple)}.sidebar-bottom{margin-top:auto;font-size:11px}.postal-pill{background:#f7f9fb;padding:12px;border-radius:8px;color:#677385;font-size:10px}i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--green);margin-right:7px}.text-btn{background:none;padding:0;font-size:11px;color:var(--muted)}main{margin-left:232px}header{height:76px;background:white;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 40px}.breadcrumb{font-size:11px;color:var(--muted)}.breadcrumb span{padding:0 14px;color:#c3c8d3}.breadcrumb b{font-weight:500;color:var(--ink)}.live{font-size:8px;letter-spacing:1.5px;color:var(--green);background:#f0f9f5;padding:9px 11px;border-radius:6px}.content{max-width:1500px;margin:auto;padding:40px}.page-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.page-title .muted{margin:0;font-size:12px}.page-title .primary{font-size:11px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:26px}.stat,.card{background:white;border:1px solid var(--line);border-radius:13px}.stat{padding:22px}.stat-icon{float:right;background:#f1eeff;color:var(--purple);padding:8px;border-radius:8px}.stat .number{font-size:29px;letter-spacing:-1px;margin:18px 0 7px;font-weight:600}.stat small{font-size:10px;color:var(--muted)}.stat h3{font-size:11px;font-weight:500;color:#697488}.hero{background:#eeebff;border:1px solid #e3deff;border-radius:13px;display:flex;justify-content:space-between;padding:28px 32px;margin-bottom:25px}.hero h2{font-size:22px}.hero p{font-size:12px;max-width:470px;color:#7a729b;margin:10px 0 20px}.hero .primary{font-size:11px}.hero-art{align-self:center;font-size:90px;transform:rotate(-15deg);color:var(--purple);padding-right:45px}.card{padding:24px;margin-bottom:22px}.card-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.card-head .muted{margin:5px 0 0;font-size:11px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.template{background:white;border:1px solid var(--line);border-radius:13px;overflow:hidden}.template-preview{height:170px;background:#f1f2f7;padding:18px;overflow:hidden;pointer-events:none}.template-preview iframe{width:180%;height:300px;transform:scale(.55);transform-origin:0 0;border:0;background:white}.template-info{padding:19px}.template-info p{font-size:11px;color:var(--muted);margin:8px 0 16px}.template-info button{font-size:11px}.badge{display:inline-block;padding:6px 9px;border-radius:6px;font-size:10px;font-weight:500;background:#f0edf9;color:var(--purple)}.badge.sending,.badge.submitted,.badge.completed{background:#e9f7f1;color:var(--green)}.badge.failed,.badge.uncertain{background:#fff0ec;color:#b46243}.badge.paused{background:#fff5de;color:#997426}table{border-collapse:collapse;width:100%;font-size:12px;text-align:left}th{font-size:9px;letter-spacing:1px;font-weight:600;color:var(--muted);background:#fafbfc;padding:12px}td{padding:16px 12px;border-bottom:1px solid #f0f1f6}td small{display:block;color:var(--muted);font-size:10px;margin-top:5px}td button{font-size:10px;padding:7px 10px;margin:2px}.empty{text-align:center;padding:45px;color:var(--muted)}.empty .symbol{font-size:35px;color:#c4bdec;display:block;margin-bottom:15px}.two-col{display:grid;grid-template-columns:1fr 1.5fr;gap:22px}.help-box{padding:17px;background:#f7f6ff;border-radius:9px;color:#807894;font-size:12px;line-height:1.7;margin:16px 0}.code{font-family:Consolas,monospace;line-height:1.5;font-size:12px;min-height:370px}.editor{display:grid;grid-template-columns:1fr 1fr;gap:24px}.preview-wrap{border:1px solid var(--line);border-radius:8px;background:#f5f6fa;padding:15px}.preview-bar{display:flex;gap:8px;justify-content:center;margin-bottom:15px}.preview-bar button{font-size:10px}.preview-wrap iframe{border:0;width:100%;height:500px;background:white;display:block;margin:auto}.preview-wrap.mobile iframe{max-width:375px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.actions{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}dialog{border:1px solid var(--line);border-radius:15px;padding:28px;max-width:1100px;width:90%;box-shadow:0 30px 90px #14183533}dialog::backdrop{background:#20283b66;backdrop-filter:blur(4px)}.modal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.modal-head button{background:none;font-size:22px}.error{color:#b64a53;font-size:12px;margin:12px 0}.notice{padding:13px 18px;background:#eaf6f0;border-radius:8px;margin-bottom:20px;color:#247559;font-size:12px}.notice.error{background:#fff0f0;color:#b64a53}footer{margin:0 40px;padding:25px 0;border-top:1px solid var(--line);font-size:9px;color:var(--muted);display:flex;justify-content:space-between}.progress{width:100%;height:4px;background:#eff0f6;border-radius:4px;margin-top:9px}.progress span{height:4px;display:block;background:var(--purple);border-radius:4px}[hidden]{display:none!important}@media(max-width:1000px){.sidebar{width:190px;padding:25px 15px}main{margin-left:190px}.content{padding:28px}.stats{grid-template-columns:repeat(2,1fr)}.grid{grid-template-columns:repeat(2,1fr)}.two-col,.editor{grid-template-columns:1fr}.login-card{width:60%;padding:6vh 6vw}.login-card h1{font-size:35px}.mail-art{font-size:90px;padding:30px}}@media(max-width:700px){.sidebar{position:static;width:100%;padding:18px}.sidebar .nav-label,.sidebar-bottom{display:none}.sidebar nav{display:flex;overflow:auto;margin-top:20px}.sidebar nav button{white-space:nowrap;padding:10px}.sidebar nav button span{font-size:11px}.brand{justify-content:center}main{margin:0}header{padding:0 20px;height:55px}.content{padding:22px 15px}.page-title{align-items:flex-start;gap:15px}.page-title h1{font-size:24px}.page-title .primary{font-size:10px;padding:10px}.hero{padding:23px}.hero-art{display:none}.grid{grid-template-columns:1fr}.stat{padding:17px}.form-row{grid-template-columns:1fr}.card{padding:18px;overflow-x:auto}td{min-width:100px}footer{margin:0 20px}.login-card{width:100%;padding:7vh 9vw}.login-art{display:none}.login-card h1{font-size:36px}}
:root{--fora-lime:#c0f529}.login-art.fora-login-art{background:#030603}
.fora-login-brand{display:flex;align-items:center;gap:16px;margin-bottom:30px}.fora-login-brand img{width:80px;height:80px;object-fit:contain;border-radius:16px;background:#050805}.fora-login-brand strong{display:block;font-size:24px;letter-spacing:3px}.fora-login-brand span{display:block;font-size:9px;letter-spacing:3px;color:var(--muted);margin-top:6px}.fora-credit{display:flex;flex-direction:column;gap:9px;margin-top:22px;font-size:11px;color:var(--muted)}.fora-credit strong{color:var(--ink)}.fora-credit a,footer a{font-weight:600}.fora-login-art{background:#030603;min-width:0}.fora-login-art>img{width:90%;max-width:650px;height:auto;object-fit:contain}.fora-login-art .art-note{color:var(--fora-lime);bottom:32px;letter-spacing:2px}footer{gap:14px;flex-wrap:wrap}
@media(max-width:700px){.fora-login-brand{margin-bottom:24px}.fora-login-brand img{width:70px;height:70px}.fora-credit{margin-bottom:12px}}
#login.login{min-height:100vh;min-height:100svh;display:flex;align-items:center;justify-content:flex-end;padding:32px clamp(24px,8vw,150px);background:linear-gradient(90deg,rgba(0,8,5,.12),rgba(0,8,5,.28)),url('/panel/fora-login-background.png') center/cover no-repeat #020a06;color:#f6faf7}
.fora-login-shell{width:min(100%,460px);padding:2px;background:linear-gradient(135deg,#8da797,#17291f 12%,#8cff00 26%,#204331 40%,#57fa0b 70%,#192d21 86%,#b1ff00);filter:drop-shadow(0 0 15px #55ff002c);clip-path:polygon(7% 0,93% 0,100% 5%,100% 95%,93% 100%,7% 100%,0 95%,0 5%)}
#login .login-card{width:100%;max-width:none;padding:24px 36px 25px;background:linear-gradient(145deg,rgba(5,18,13,.98),rgba(0,8,5,.96));clip-path:polygon(7% 0,93% 0,100% 5%,100% 95%,93% 100%,7% 100%,0 95%,0 5%);text-align:center;box-shadow:inset 0 0 45px #28fb000c}
.fora-emblem{margin:0 auto 10px;width:88px;height:88px;border-radius:50%;border:1px solid #9bfd2b;box-shadow:0 0 20px #76ff0036;background:#020704;overflow:hidden}.fora-emblem img{width:100%;height:100%;object-fit:contain}
#login .fora-wordmark{font-size:62px;font-weight:900;line-height:1;letter-spacing:1px;text-shadow:0 2px 0 #7f8d84}.fora-wordmark>span{color:#a0ff13;text-shadow:0 2px 0 #325900}
#login .fora-wordmark small{margin:7px 0 0;color:#e4f0e9;font-size:11px;font-weight:500;letter-spacing:8px;padding-left:8px}
.fora-divider{position:relative;height:1px;background:linear-gradient(90deg,transparent,#70f30a,transparent);margin:21px 0}.fora-divider:after{content:"";position:absolute;left:50%;top:-2px;width:5px;height:5px;background:#dfffad;transform:rotate(45deg);box-shadow:0 0 14px 4px #79ff0070}
#login .login-card h1{font-size:21px;line-height:1.5;letter-spacing:2px;font-weight:500;text-transform:uppercase;margin:0 0 22px}#login h1 span{color:#8bff0a;font-weight:800}
#login form{max-width:none;margin:0;text-align:left}#login form>label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%)}
#login .fora-input{display:flex;align-items:center;gap:14px;border:1px solid #77e723;border-radius:12px;padding:0 16px;background:#06120fe6;margin-bottom:16px;transition:box-shadow .2s,border-color .2s}#login .fora-input:focus-within{border-color:#cbff9a;box-shadow:0 0 0 3px #78ff001a,0 0 16px #78ff0024}
#login svg{width:23px;height:23px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
#login .fora-input input{min-width:0;border:0;box-shadow:none;margin:0;padding:17px 0;background:transparent;color:#f6fff8;font-size:15px;border-radius:0}#login input::placeholder{color:#a5b2ac}
#login input:-webkit-autofill{-webkit-text-fill-color:#f6fff8;box-shadow:0 0 0 1000px #06120f inset;caret-color:#fff}
#toggle-login-password{display:flex;align-items:center;padding:7px;background:none;color:#c1cfc7;border-radius:6px}#toggle-login-password:focus-visible,#login a:focus-visible{outline:2px solid #9bff31;outline-offset:4px}
.fora-login-help{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:3px 0 19px;font-size:10px;color:#95a79d}#login a{color:#b7ff6d}#login a:hover{text-decoration:underline}
#login .primary{background:linear-gradient(165deg,#deff9e 0%,#91ff0b 30%,#34eb00 100%);border:1px solid #d0ffaf;color:#081003;font-size:22px;font-weight:800;justify-content:center;gap:28px;box-shadow:0 0 22px #79ff003d;padding:14px;margin:0;border-radius:12px}#login .primary span{font-size:32px;line-height:1}
#login .error{margin:0;color:#ffb1ab;line-height:1.6}#login .error:not(:empty){margin-top:15px}
#login .fora-security{display:flex;justify-content:center;align-items:center;gap:9px;font-size:11px;color:#aebdb4;margin:0}
#login .fora-credit{gap:6px;margin-top:18px;font-size:10px;color:#a6b6ac}#login .fora-credit strong{color:#f5fff2}
#login .login-card{padding-top:20px;padding-bottom:20px}.fora-emblem{width:76px;height:76px}.fora-divider{margin:17px 0}#login .login-card h1{margin-bottom:18px}#login .fora-credit{margin-top:14px}
@media(max-width:700px){#login.login{justify-content:center;padding:22px 18px;background-position:35% center}#login .login-card{padding:22px 25px}.fora-login-shell{width:min(100%,430px)}#login .fora-wordmark{font-size:54px}#login .login-card h1{font-size:18px;letter-spacing:1.5px}.fora-emblem{width:76px;height:76px}#login .fora-input{padding:0 12px;gap:10px}.fora-login-help{font-size:9px}}
#app{min-height:100vh;min-height:100svh;background:linear-gradient(90deg,rgba(0,12,7,.48),rgba(0,12,7,.66)),url('/panel/fora-login-background.png') center/cover fixed no-repeat #020a06}
#app main{min-height:100vh;min-height:100svh}#app .page-title h1{color:#f2fff5;text-shadow:0 2px 14px #0008}#app .page-title .eyebrow{color:#b6ff74}#app .page-title .muted{color:#c2d5c9}
#app footer{color:#c4d6cc;border-top-color:#b8f5ce30;background:#04150ccd;padding:19px 20px;border-radius:12px 12px 0 0;backdrop-filter:blur(8px)}#app footer strong{color:#f5fff0}#app footer a{color:#b7ff6d}
@media(max-width:700px){#app{background-attachment:scroll;background-position:35% center}#app footer{margin:0 15px;padding:18px 14px}}
:root{color-scheme:dark;--ink:#e2ede6;--muted:#98afa1;--purple:#a6f74d;--line:#294234;--bg:#06100b;--green:#73dca0}
body{background:var(--bg)}button{background:#213a2b;color:var(--ink)}.primary{color:#0b1706;background:linear-gradient(145deg,#c5ff83,#8ae831);box-shadow:0 5px 16px #70ff0017}a{color:#b6ff78}
.sidebar,header{background:#07160feF;border-color:#2d4837;backdrop-filter:blur(12px)}.brand{color:var(--ink)}.logo{color:#102108}.nav-label{color:#8aa292}.sidebar nav button{color:#a6c0af}.sidebar nav button.active{background:#98f14519;color:#b8ff7c}.postal-pill{background:#14291c;color:#adcfba}
.stat,.card,.template{background:#0b1c13eF;border-color:#2a4735;box-shadow:0 10px 30px #0003}.stat-icon{background:#9be94718;color:#bdff8c}.stat h3{color:#b2cab9}
.hero{background:linear-gradient(125deg,#143921ee,#102918ee);border-color:#487b36}.hero p{color:#bdd2c3}.hero-art{color:#b0f576}
input,textarea,select{background:#07160f;color:#e9f7ec;border-color:#385844}input:focus,textarea:focus,select:focus{border-color:#acf661;box-shadow:0 0 0 3px #a7ed4920}input::placeholder,textarea::placeholder{color:#769282}input[type=checkbox]{accent-color:#a5f044}
th{background:#12271b;color:#a9c3b2}td{border-color:#274032}.help-box{background:#16341f;color:#bdd6c2}.badge{background:#8cf0491a;color:#c8f2a7}.badge.sending,.badge.submitted,.badge.completed{background:#193c2b;color:#9ef2bf}.badge.failed,.badge.uncertain{background:#452a24;color:#ffbfa6}.badge.paused{background:#3d3319;color:#f4d48a}
.empty{color:#a5baad}.empty .symbol{color:#78a589}.template-preview,.preview-wrap{background:#101f17;border-color:#2e4e39}.template-info p{color:#a6bcae}.progress{background:#2b4533}.live{background:#142e20;color:#9befb8}
dialog{background:#0b1b12;color:var(--ink);border-color:#385843;box-shadow:0 30px 90px #0009}dialog::backdrop{background:#010805b3}.notice{background:#193d29;color:#b3f3c8}.notice.error{background:#422524;color:#ffc1b9}.error{color:#ffb5a8}
.activity-controls{display:flex;gap:12px;align-items:end;flex-wrap:wrap}.activity-controls label{flex:1;min-width:180px;margin:0}.activity-controls button{margin-bottom:1px}.activity-note{font-size:11px;color:#abc0b2;margin:12px 0}.activity-table td{vertical-align:top}.activity-table td:last-child{word-break:break-word}