:root{font-family:Inter,Arial,'Segoe UI',sans-serif;color:#103932;background:#f2faf6;font-synthesis:none}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}.layout{display:flex;min-height:100vh}.sidebar{width:296px;flex:none;background:linear-gradient(145deg,#074f46,#023731);color:#effff9;padding:28px 20px;display:flex;flex-direction:column;min-height:100vh}.brandtop{display:flex;gap:14px;align-items:center}.mark{display:grid;place-items:center;width:58px;height:60px;border-radius:17px;background:linear-gradient(145deg,#16cf9c,#11a6b8);color:#fff;font-weight:900;font-size:24px}.brandtop b{font-size:21px;line-height:1.4}.brandtop small{display:block;letter-spacing:1.7px;color:#8fbcb3;font-size:10px;margin-top:7px}.menu-caption{margin:40px 12px 12px;font-size:12px;color:#8eb6ae;font-weight:800;letter-spacing:1px}.sidebar nav{display:grid;gap:10px}.sidebar nav a{display:flex;align-items:center;gap:14px;padding:12px 16px;border-radius:13px;font-weight:750;font-size:14px}.sidebar nav a span{display:grid;place-items:center;border-radius:10px;width:39px;height:39px;background:#ffffff17;font-size:21px}.sidebar nav a.selected,.primary{background:#07bd88;color:white;box-shadow:0 12px 24px #00865b20}.status{margin-top:auto;display:flex;gap:11px;align-items:center;border:1px solid #ffffff29;background:#ffffff0e;border-radius:16px;padding:18px 14px;font-size:12px}.status i{width:12px;height:12px;border-radius:50%;background:#2adba5;box-shadow:0 0 0 5px #27eeb121}.status small{display:block;color:#9dbeb7;font-size:11px;margin-top:7px}.user{font-size:12px;color:#9dc0b9;margin-top:20px;line-height:2}.user a{color:white;font-weight:bold}.main{min-width:0;flex:1}.top{padding:25px 38px;display:flex;justify-content:space-between;align-items:center;background:#fff;border-bottom:1px solid #e4efeb;gap:16px}.eyebrow{color:#00a77c;letter-spacing:1.8px;font-weight:800;font-size:11px}.top h1{margin:12px 0 0;font-size:29px;letter-spacing:-.8px}.topactions{display:flex;gap:10px}.btn,.primary{border-radius:12px;border:1px solid #d8e8e2;padding:13px 18px;background:white;color:#0e463a;font-size:13px;font-weight:800;display:inline-block;white-space:nowrap}.btn.light{background:#f2faf6;color:#007f64}.primary{border:0;padding:14px 22px}.btn.warn{color:#966509;background:#fff7e4;border-color:#f6dc9b}.btn.danger{color:#ce4545;background:#fff7f7;border-color:#f8d6d6}.btn.mini{font-size:11px;padding:9px 10px}.content{padding:24px 38px 50px;max-width:1800px;margin:auto}.intro{background:linear-gradient(110deg,#fff,#e8faf3);border:1px solid #d9ece6;border-radius:23px;padding:27px 30px;display:flex;align-items:center;justify-content:space-between;gap:20px}.intro h2{font-size:26px;margin:13px 0}.intro p,.panel p{font-size:13px;line-height:1.7;color:#7b9890;max-width:850px;margin:0}.filter{min-width:154px}.filter label{display:block;font-size:11px;color:#66847a;margin-bottom:8px}.filter select{border:1px solid #d4e8e0;border-radius:10px;padding:12px;background:white;width:100%}.stats{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin:17px 0}.stats article{border:1px solid #dbeae4;border-radius:17px;background:white;padding:21px 17px;min-height:126px}.stats small{font-size:11px;color:#8b9c99}.stats strong{display:block;font-size:29px;letter-spacing:-1px;margin:11px 0}.stats span{font-size:11px;color:#91aaa3}.panel{background:#fff;border:1px solid #dceae5;border-radius:21px;margin-top:16px;padding:21px 20px;box-shadow:0 12px 40px #07453604}.panel h3{font-size:20px;margin:0 0 9px}.linkform{margin-top:22px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.linkform .wide{grid-column:1/-1}.linkform label,.auth label{display:block;font-size:12px;font-weight:750;margin-bottom:7px}.linkform input,.auth input{border:1px solid #d9eae3;border-radius:11px;width:100%;padding:14px;background:#fbfefd;outline-color:#07bd88}.formbuttons{display:flex;align-items:end;gap:9px;flex-wrap:wrap}.sectionhead{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:22px}.sectionhead h2{font-size:23px;margin:12px 0}.tablewrap{overflow-x:auto}table{width:100%;border-collapse:collapse;min-width:920px;font-size:12px}th{background:#f0f7f3;text-align:left;padding:17px 12px;color:#628179;font-size:11px}th:first-child{border-radius:12px 0 0 12px}th:last-child{border-radius:0 12px 12px 0}td{padding:20px 12px;border-bottom:1px solid #e7f1ed}td .linkname{display:flex;align-items:center;gap:12px;min-width:235px}.linkicon{width:40px;height:40px;display:grid;place-items:center;color:#009a79;background:#eaf9f2;border-radius:12px;font-size:21px;flex:none}.linkname b{font-size:13px}.linkname small{display:block;margin-top:6px;color:#97aaa4;max-width:320px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.linkname small a{color:#4c9583}.num{font-size:18px;font-weight:800}.green{color:#04976b}.red{color:#ee5d5d}.pill{font-size:11px;padding:7px 10px;border-radius:50px;white-space:nowrap}.on{background:#e6f9ef;color:#06956e}.off{background:#fff1eb;color:#ac5b2f}.operations{display:flex;gap:5px;align-items:center}.empty{text-align:center;color:#78958a;padding:30px}.footnote{color:#7d928d;font-size:12px;line-height:1.8;margin-top:20px}.error,.success{padding:13px 16px;border-radius:12px;margin-bottom:16px;font-size:13px}.error{color:#a33535;background:#fff0f0}.success{color:#066f58;background:#e5f9f0}.auth{width:min(460px,calc(100% - 36px));margin:9vh auto;background:white;padding:36px;border:1px solid #dcebe5;border-radius:24px;box-shadow:0 30px 70px #044f3516}.auth h1{margin-top:28px;font-size:27px}.auth p{color:#7f9991;font-size:14px;line-height:1.5}.auth label{margin-top:17px}.auth .primary{width:100%;margin-top:23px}@media(max-width:1280px){.stats{grid-template-columns:repeat(3,1fr)}.sidebar{width:250px}.content,.top{padding-left:23px;padding-right:23px}}@media(max-width:750px){.layout{display:block}.sidebar{width:100%;min-height:unset;padding:17px}.brandtop b{font-size:15px}.mark{height:44px;width:44px;font-size:20px}.menu-caption,.status,.user{display:none}.sidebar nav{display:flex;overflow:auto;margin-top:18px}.sidebar nav a{white-space:nowrap;padding:8px;font-size:11px}.sidebar nav a span{width:28px;height:28px}.top{padding:20px;flex-wrap:wrap}.top h1{font-size:24px}.topactions{flex-wrap:wrap}.content{padding:15px}.intro{padding:21px;display:block}.intro h2{font-size:20px}.filter{margin-top:18px}.stats{grid-template-columns:repeat(2,1fr)}.stats article{padding:15px;min-height:112px}.stats strong{font-size:25px}.linkform{grid-template-columns:1fr}.sectionhead{align-items:start;flex-direction:column}.panel{padding:15px}}
/* V2 — polished WordPress management system */
:root{--ink:#0a302d;--muted:#76918a;--line:#deece7;--accent:#06bf8a;--canvas:#f3faf7;--shadow:0 16px 38px rgba(5,59,45,.045);font-family:'Bai Jamjuree',Inter,'Segoe UI',Arial,sans-serif}
body{background:var(--canvas);color:var(--ink);-webkit-font-smoothing:antialiased}
button,a,input,select{transition:background-color .18s,border-color .18s,box-shadow .18s,transform .18s}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #27c5a4;outline-offset:3px}
.sidebar{position:sticky;top:0;height:100vh;background:linear-gradient(164deg,#08564f 0%,#033e3b 45%,#032d2c 100%);padding:32px 20px 23px;box-shadow:7px 0 28px rgba(6,47,39,.035)}
.brandtop{padding:8px 7px 27px;border-bottom:1px solid rgba(255,255,255,.14)}
.brandtop b{font-size:22px;letter-spacing:-.7px}.mark{box-shadow:0 10px 25px #00b98a24}
.sidebar nav{gap:8px}.sidebar nav a{min-height:55px}.sidebar nav a:hover{background:#ffffff17}.sidebar nav a.selected{background:linear-gradient(100deg,#20cfa0,#04b985);box-shadow:0 12px 22px #00a67c22}
.status{margin-top:auto}.top{min-height:112px;padding-top:25px;padding-bottom:25px}.top h1{font-size:30px;font-weight:800;color:var(--ink)}
.btn:hover,.primary:hover{transform:translateY(-1px);box-shadow:0 8px 20px #075c4820}.btn:active,.primary:active{transform:translateY(0)}
.topactions .btn:last-child{background:#08b783;color:white;border-color:#08b783}
.intro{position:relative;overflow:hidden;isolation:isolate;min-height:166px;box-shadow:var(--shadow);background:radial-gradient(circle at 98% 5%,#c9fae7 0,transparent 38%),linear-gradient(110deg,#fff 0%,#f6fffb 60%,#eaf9f4 100%)}
.intro:before{content:"";position:absolute;z-index:-1;right:160px;top:-110px;width:310px;height:310px;border:1px solid rgba(6,175,131,.11);border-radius:50%;box-shadow:0 0 0 40px rgba(6,175,131,.025),0 0 0 80px rgba(6,175,131,.02)}
.intro-copy{max-width:840px}.intro h2{font-size:clamp(22px,2vw,30px);line-height:1.2;letter-spacing:-.65px}.intro p{color:#6d8a82;font-size:13px}
.filter{background:#fff;padding:13px;border:1px solid #dcece6;border-radius:15px;box-shadow:0 10px 20px #00593d09}
.stats{gap:13px;margin:19px 0}.stats article{position:relative;overflow:hidden;border-radius:17px;padding:22px 19px;box-shadow:var(--shadow);min-height:146px}.stats article:before{content:"";position:absolute;left:18px;top:0;width:36px;height:3px;background:#0fc490;border-radius:0 0 4px 4px}.stats article:nth-child(5):before{background:#edb856}.stats article:nth-child(6):before{background:#7e9cc9}.stats strong{font-size:31px;font-weight:850;color:#092f2c;margin:14px 0 10px}.stats article:nth-child(2) strong{color:#04a778}.stats small{color:#78948b}.stats span{color:#97aaa4}
.panel{box-shadow:var(--shadow);padding:26px;border-radius:22px}.sectionhead h2{color:#0c352e;font-size:25px}.table-tools{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:15px 0}.searchbox{display:flex;align-items:center;gap:10px;min-width:250px;width:min(480px,100%);background:#f8fcfa;border:1px solid #e0eee7;border-radius:12px;padding:0 14px}.searchbox span{font-size:25px;line-height:1;color:#61a18e}.searchbox input{border:0;background:transparent;padding:13px 0;width:100%;outline:none;font-size:12px;color:#123d35}.searchbox:focus-within{border-color:#0ab88a;box-shadow:0 0 0 3px #12b58814}.tablecount{font-size:12px;color:#819c92;white-space:nowrap}.code-sub{display:block;font-size:10px;color:#90a79e;margin-top:8px}.field-select{border:1px solid #d9eae3;border-radius:11px;width:100%;padding:14px;background:#fbfefd;color:#123c33}
thead th{text-transform:none;letter-spacing:.15px;background:#f0f7f4}tbody tr:hover{background:#fbfefd}tbody tr[hidden]{display:none}td{vertical-align:middle}.linkname{max-width:370px}.destination{font-size:10px}.operations .btn{font-weight:750}.editor-panel{scroll-margin-top:20px;background:linear-gradient(180deg,#fff,#fcfffd)}.linkform input:focus,.field-select:focus{box-shadow:0 0 0 3px #05b8881a;border-color:#0abb87;outline:0}.footnote{padding:4px 7px 15px}
@media(max-width:1420px){.stats{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:1050px){.sidebar{width:220px}.brandtop b{font-size:17px}.sidebar nav a{font-size:12px}.intro{flex-wrap:wrap}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:750px){.sidebar{position:static;height:auto;box-shadow:none;padding:14px 16px}.brandtop{padding:0;border:0}.sidebar nav{gap:6px;padding-bottom:3px}.sidebar nav a{min-height:40px;border-radius:10px}.top{min-height:0}.top h1{font-size:24px}.topactions{width:100%}.topactions .btn{flex:1;text-align:center}.content{padding:14px}.intro{padding:23px 20px}.filter{width:100%;margin-top:16px}.stats{gap:9px}.stats article{padding:18px 15px;min-height:123px}.stats strong{font-size:27px}.panel{padding:18px 14px}.sectionhead h2{font-size:21px}.table-tools{align-items:stretch}.searchbox{min-width:0}.tablecount{display:none}.linkform{gap:13px}.linkform .formbuttons{align-items:center}.footnote{padding:6px}}
@media(max-width:390px){.stats{grid-template-columns:1fr 1fr}.stats article{padding:13px}.stats strong{font-size:24px}.topactions .btn{font-size:11px;padding:12px 8px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;scroll-behavior:auto!important}}

/* V3: complete auth and campaign workspace */
body.login-page{margin:0;background:#f5fbf8}.login-wrap{display:grid;grid-template-columns:1fr 1fr;min-height:100vh}.login-left{background:radial-gradient(circle at 68% 55%,#087c68,#03493f 50%,#042e30 100%);color:#fff;padding:clamp(32px,5vw,85px);display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;position:relative}.login-left:after{content:"";position:absolute;width:580px;height:580px;border:1px solid #ffffff1b;border-radius:50%;right:-280px;bottom:-150px;box-shadow:0 0 0 80px #ffffff04,0 0 0 160px #ffffff05;pointer-events:none}.login-logo{display:flex;gap:17px;align-items:center;position:relative;z-index:1}.login-logo b{font-size:24px;letter-spacing:-.7px;display:block}.login-logo small{font-size:10px;letter-spacing:2px;color:#8ecfbd}.login-symbol{display:grid;place-items:center;font-weight:900;font-size:25px;background:linear-gradient(145deg,#16d9a3,#08a9b6);border-radius:17px;width:57px;height:57px}.login-splash{max-width:650px;position:relative;z-index:1}.login-kicker{color:#65edbe;font-size:12px;letter-spacing:2.6px;font-weight:800}.login-splash h1{font-size:clamp(35px,4.1vw,68px);line-height:1.12;letter-spacing:-2.6px;margin:24px 0}.login-splash h1 em{font-style:normal;color:#6ceac0}.login-splash p{font-size:17px;color:#b0d7ce;line-height:1.8}.login-features{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}.login-features span{background:#ffffff14;border:1px solid #ffffff1b;border-radius:14px;padding:14px;color:#d3f4e8;font-size:12px}.login-left footer{color:#8fbbb2;font-size:12px}.login-right{display:grid;place-items:center;padding:35px}.login-card{width:min(470px,100%);background:#fff;border:1px solid #e5f0eb;box-shadow:0 36px 100px #084e3920;border-radius:29px;padding:clamp(25px,3.3vw,54px)}.login-access{font-size:11px;font-weight:850;letter-spacing:1.5px;color:#00ad80}.login-card h2{font-size:34px;letter-spacing:-1.3px;margin:21px 0 9px}.login-card>p{color:#7a968c;line-height:1.7;margin-bottom:30px}.login-card label{display:block;font-size:12px;font-weight:800;margin:17px 0 9px}.login-card input[type=text],.login-card input[type=password]{width:100%;border:1px solid #dceae5;background:#f8fcfa;padding:16px;border-radius:13px;box-sizing:border-box;font-size:15px}.login-card input[type=submit]{width:100%;border:0;border-radius:13px;background:linear-gradient(110deg,#0dca94,#009f78);color:#fff;font-weight:800;font-size:15px;padding:17px;cursor:pointer;margin-top:12px}.login-card .login-remember label{font-weight:500;color:#607b74}.login-card .login-remember input{vertical-align:middle}.login-bottom{border-top:1px solid #e6f0ec;margin-top:24px;padding-top:23px;font-size:12px;line-height:1.8;color:#829b93}.campaign-grid,.staff-grid{display:grid;gap:12px}.campaign-item,.staff-item{border:1px solid #e0eee8;background:#fbfefd;border-radius:17px;padding:21px;display:flex;justify-content:space-between;align-items:center;gap:20px}.campaign-item h3{margin:11px 0 7px}.campaign-item small,.staff-item small{color:#809b91;font-size:11px}.campaign-metrics{display:flex;gap:28px}.campaign-metrics span{font-size:11px;color:#83988e;display:grid;gap:8px}.campaign-metrics strong{font-size:23px;color:#037e62}.staff-item{justify-content:flex-start}.staff-item>div{flex:1}.staff-item b,.staff-item small{display:block;margin:5px 0}.avatar{background:linear-gradient(120deg,#13d1a0,#0099a1);color:#fff;border-radius:13px;width:47px;height:47px;display:grid;place-items:center;font-size:21px;font-weight:900}.security-note{padding-top:20px}.stats.compact{grid-template-columns:repeat(4,1fr)}
@media(max-width:900px){.login-wrap{grid-template-columns:1fr}.login-left{min-height:285px;gap:30px;padding:28px}.login-splash h1{font-size:35px;letter-spacing:-1px}.login-splash p{font-size:13px}.login-left footer{display:none}.login-right{padding:24px}.campaign-item{align-items:flex-start;flex-direction:column}.campaign-metrics{width:100%;justify-content:space-between}.stats.compact{grid-template-columns:repeat(2,1fr)}}

/* V4 visual landing editor + visitor gate */
.landing-editor{margin-top:12px;border:1px dashed #a9dfcc;background:linear-gradient(135deg,#f6fffb,#f0faf6);border-radius:19px;padding:22px!important}.landing-title{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}.landing-title h3{font-size:21px;margin:8px 0}.landing-title p,.landing-toggle p{color:#71938a;font-size:12px;line-height:1.7}.switch-line{display:flex!important;align-items:center;gap:10px;white-space:nowrap;font-weight:800!important;color:#075c47!important}.switch-line input{width:20px;height:20px;accent-color:#0bb987}.landing-fields{display:grid;grid-template-columns:1fr 1fr;gap:18px}.landing-fields>div.wide{grid-column:1/-1}.landing-fields label{display:block;font-weight:750;font-size:12px;margin-bottom:9px}.landing-fields input,.landing-fields textarea,.landing-fields select{width:100%;border:1px solid #d5e8de;background:#fff;border-radius:12px;padding:14px;outline-color:#06bc89;color:#123d35}.landing-fields textarea{resize:vertical}.image-row{display:flex;gap:10px}.image-row .btn{white-space:nowrap}.landing-preview img{max-width:210px;max-height:160px;object-fit:cover;border-radius:15px;margin-top:12px}.landing-toggle{padding:14px;background:white;border:1px solid #e3f0ea;border-radius:12px}.gate-body{min-height:100vh;display:grid;place-items:center;padding:35px 20px;background:radial-gradient(circle at 10% 10%,#e2fdf1,transparent 38%),linear-gradient(120deg,#f0faf6,#e6f6f2);font-family:'Bai Jamjuree',Inter,'Segoe UI',sans-serif}.gate-shell{width:min(940px,100%);border-radius:26px;background:white;overflow:hidden;box-shadow:0 25px 90px #075b4530}.gate-head{background:linear-gradient(100deg,#035647,#059776);padding:22px 27px;display:flex;gap:13px;align-items:center;color:white}.gate-mark{border-radius:13px;background:#18c99b;padding:14px;font-weight:900;font-size:19px}.gate-head strong,.gate-head small{display:block}.gate-head small{font-size:9px;letter-spacing:2px;color:#b0ecdd;margin-top:4px}.gate-check{margin-left:auto;border:1px solid #ffffff40;padding:9px 12px;border-radius:10px}.gate-content{padding:25px;display:flex;gap:25px;align-items:center}.gate-art{flex:0 0 33%}.gate-art img{width:100%;max-height:375px;object-fit:cover;border-radius:17px}.gate-copy{min-width:0;flex:1}.gate-kicker{font-weight:800;font-size:10px;letter-spacing:1.5px;color:#049871}.gate-copy h1{font-size:clamp(23px,3vw,32px);margin:14px 0;color:#082f29;line-height:1.25}.gate-copy>p{color:#718b83;font-size:14px;line-height:1.8;overflow-wrap:anywhere}.gate-info{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:18px 0}.gate-info>div{border:1px solid #e0eee8;border-radius:13px;padding:12px;display:grid;gap:7px;min-width:0}.gate-info b{color:#04ad83}.gate-info strong{font-size:11px}.gate-info span{font-size:10px;color:#7b958c;overflow-wrap:anywhere}.gate-actions{display:flex;gap:9px}.gate-cta,.gate-back{border-radius:12px;padding:14px 16px;text-align:center;font-weight:800;font-size:13px;border:1px solid #d7e8e0}.gate-cta{background:linear-gradient(110deg,#13c899,#008e72);color:white;flex:2}.gate-back{background:white;color:#134e40;flex:1;cursor:pointer}.gate-countdown{text-align:center;font-size:11px!important;color:#7f948d}.gate-countdown button{border:0;background:transparent;text-decoration:underline;color:#077c67;cursor:pointer}.gate-footer{background:#f8fcfa;padding:17px 25px;color:#7d998d;font-size:11px;border-top:1px solid #e7eee9}@media(max-width:750px){.landing-title,.image-row{flex-direction:column;align-items:stretch}.landing-fields{grid-template-columns:1fr}.landing-fields>div{grid-column:1/-1}.gate-content{flex-direction:column;align-items:stretch}.gate-art{flex:auto}.gate-art img{max-height:240px}.gate-info{grid-template-columns:1fr 1fr 1fr}.gate-actions{flex-direction:column}.gate-body{padding:13px}.gate-head{padding:16px}.gate-content{padding:18px}}
/* V5 compact workspace and native WordPress chrome suppression */
html{margin-top:0!important}#wpadminbar{display:none!important}body.admin-bar{margin-top:0!important}body{font-size:13px}.sidebar{width:230px;padding:18px 13px}.mark{width:44px;height:46px;font-size:18px;border-radius:12px}.brandtop b{font-size:17px}.brandtop small{font-size:8px;letter-spacing:1px}.sidebar nav{gap:4px}.sidebar nav a{padding:7px 10px;font-size:12px;gap:10px}.sidebar nav a span{width:31px;height:31px;font-size:16px}.menu-caption{margin:28px 8px 10px;font-size:10px}.status{padding:11px 10px;border-radius:12px}.top{padding:17px 26px}.top h1{font-size:22px;margin-top:6px}.eyebrow{font-size:9px}.content{padding:17px 26px 40px;max-width:1550px}.intro{padding:18px 21px;border-radius:17px}.intro h2{font-size:20px;margin:8px 0}.panel{border-radius:17px!important;padding:19px!important}.panel h2{font-size:19px!important}.panel h3{font-size:17px!important}.btn,.primary{padding:9px 13px;font-size:12px;border-radius:9px}.stats article{padding:16px!important}.linkform{gap:13px!important}.linkform input,.linkform textarea,.linkform select{padding:11px 13px!important;font-size:13px!important;border-radius:10px!important}.landing-editor{padding:19px!important;border-radius:16px!important}.landing-title h3{margin:6px 0!important}.landing-fields{gap:12px!important}.linkform label{font-size:12px!important}.staff-layout{display:grid;grid-template-columns:minmax(290px, .9fr) minmax(360px,1.1fr);gap:18px;margin-top:18px}.member-form,.member-list{border:1px solid #deeee8;background:#fafffd;padding:18px;border-radius:15px}.member-form h3,.member-list h3{margin:0 0 16px}.member-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.member-fields label{font-size:12px;font-weight:700}.member-fields input{display:block;width:100%;margin-top:6px;border:1px solid #d7e8e3;border-radius:9px;padding:11px 12px;background:#fff}.member-form p{margin:14px 0}.member-row{display:flex;align-items:center;gap:9px;padding:13px 0;border-top:1px solid #e5f0eb}.member-ident{min-width:0;flex:1}.member-ident b,.member-ident small{display:block}.member-ident small{font-size:10px;color:#78938b;overflow-wrap:anywhere;margin-top:4px}.member-row .avatar{width:35px;height:35px;flex:none}.inline-notice{border:1px solid #bfead8;color:#087e62;background:#effbf5;padding:12px 15px;border-radius:10px;margin-bottom:12px;font-weight:700}@media(max-width:1100px){.staff-layout{grid-template-columns:1fr}}@media(max-width:780px){.sidebar{width:auto}.content{padding:15px}.top{padding:14px}.member-fields{grid-template-columns:1fr}.member-row{flex-wrap:wrap}}