:root{
  --bg:#f5f8fb;--surface:#fff;--surface-card:#fff;--text:#162333;--muted:#66778a;
  --primary:#1769aa;--primary-dark:#0f4f86;--secondary:#0fa58f;--line:rgba(35,74,112,.13);
  --badge-bg:#eaf4fb;--shadow:0 10px 28px rgba(24,61,92,.09);--danger:#dc2626;
  --hero-start:#0b2447;--hero-mid:#1769aa;--hero-end:#0fa58f;
  --app-ring:rgba(70,199,225,.72);--app-glow:rgba(15,165,143,.22)
}
html[data-theme="dark"]{
  --bg:#08111b;--surface:#0f1c29;--surface-card:#142434;--text:#edf6fb;--muted:#9dafbd;
  --primary:#65b7ee;--primary-dark:#338fc9;--secondary:#4fd1bd;--line:rgba(255,255,255,.1);
  --badge-bg:rgba(101,183,238,.14);--shadow:0 10px 28px rgba(0,0,0,.36);--danger:#f87171;
  --app-ring:rgba(90,225,239,.9);--app-glow:rgba(79,209,189,.34)
}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;font-family:"Plus Jakarta Sans",Arial,sans-serif;color:var(--text);background:var(--bg)}
body{
  min-height:100dvh;
  background:
    linear-gradient(180deg,rgba(23,105,170,.045),transparent 22%),
    linear-gradient(90deg,rgba(23,105,170,.035) 1px,transparent 1px),
    linear-gradient(0deg,rgba(15,165,143,.03) 1px,transparent 1px),
    var(--bg);
  background-size:auto,34px 34px,34px 34px,auto;
}
button,input,textarea{font:inherit}.hidden{display:none!important}
.admin-shell{width:min(1540px,calc(100% - 30px));margin:0 auto}
.admin-hero{background:linear-gradient(135deg,var(--hero-start),var(--hero-mid) 55%,var(--hero-end));color:#fff;padding:28px 0 68px;position:relative;overflow:hidden}
html[data-theme="dark"] .admin-hero{background:linear-gradient(135deg,#061827,#0d4770 55%,#087061)}
.admin-tech{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:0}
.admin-tech:before{content:"";position:absolute;inset:0;background:
  linear-gradient(120deg,transparent 0 18%,rgba(255,255,255,.045) 18% 18.4%,transparent 18.4% 100%),
  linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px),
  linear-gradient(0deg,rgba(255,255,255,.04) 1px,transparent 1px);
  background-size:auto,36px 36px,36px 36px;opacity:.35}
.tech-grid{position:absolute;right:7%;top:18%;width:320px;height:160px;opacity:.16;background-image:radial-gradient(circle,rgba(255,255,255,.9) 1px,transparent 1.3px);background-size:18px 18px;mask-image:linear-gradient(100deg,transparent 0%,#000 18%,#000 82%,transparent 100%);-webkit-mask-image:linear-gradient(100deg,transparent 0%,#000 18%,#000 82%,transparent 100%)}
.tech-panel{position:absolute;border:1px solid rgba(255,255,255,.16);border-radius:22px;background:linear-gradient(145deg,rgba(255,255,255,.05),rgba(255,255,255,.02));box-shadow:inset 0 0 0 1px rgba(255,255,255,.03)}
.panel-a{width:220px;height:120px;left:6%;top:11%;transform:rotate(-8deg)}
.panel-b{width:150px;height:92px;right:12%;bottom:10%;transform:rotate(7deg);border-color:rgba(120,240,220,.22)}
.tech-line{position:absolute;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.34),transparent);transform-origin:left center}
.line-a{width:160px;left:10%;bottom:23%;transform:rotate(-17deg)}
.line-b{width:136px;right:8%;top:34%;transform:rotate(18deg);background:linear-gradient(90deg,transparent,rgba(135,243,225,.3),transparent)}
.line-c{width:90px;left:32%;top:20%;transform:rotate(6deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.25),transparent)}
.tech-node{position:absolute;width:7px;height:7px;border-radius:50%;background:rgba(255,255,255,.74);box-shadow:0 0 0 5px rgba(255,255,255,.06)}
.node-a{left:calc(6% + 182px);top:calc(11% + 34px)}
.node-b{right:calc(12% + 81px);bottom:calc(10% + 24px);background:rgba(132,244,224,.82);box-shadow:0 0 0 5px rgba(79,209,189,.08)}
.node-c{left:41%;top:24%;background:rgba(255,255,255,.7)}
.hero-inner{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;gap:16px;text-align:left}
.admin-brand-icon{width:78px;height:78px;border-radius:22px;overflow:hidden;border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.14);box-shadow:0 14px 32px rgba(0,0,0,.2)}
.admin-brand-icon img{width:100%;height:100%;object-fit:cover}
.hero-copy{min-width:0}.hero-tag{display:inline-block;background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.2);font-size:10px;font-weight:800;letter-spacing:.11em;padding:3px 10px;border-radius:999px}
.hero-copy h1{margin:7px 0 3px;font-size:clamp(26px,3vw,40px);line-height:1;font-weight:800;letter-spacing:-.04em}
.hero-copy p{margin:0;color:rgba(255,255,255,.9);font-size:13px}
.theme-toggle-btn{position:absolute;top:14px;right:max(15px,calc((100vw - 1540px)/2 + 15px));z-index:10;width:42px;height:42px;padding:0;border-radius:50%;border:1px solid rgba(255,255,255,.34);background:rgba(255,255,255,.16);color:#fff;cursor:pointer;display:grid;place-items:center;backdrop-filter:blur(8px);box-shadow:0 8px 20px rgba(0,0,0,.15)}
.theme-icon{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.theme-icon.moon{fill:currentColor;stroke:none}.theme-icon.sun{display:none}html[data-theme="dark"] .theme-icon.moon{display:none}html[data-theme="dark"] .theme-icon.sun{display:block}
.admin-main{position:relative;z-index:2;margin-top:-40px;padding-bottom:35px}
.admin-box{background:var(--surface);border:1px solid var(--line);border-radius:26px;box-shadow:0 16px 44px rgba(0,0,0,.08);overflow:hidden}
.admin-topbar{min-height:58px;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:10px 18px;border-bottom:1px solid var(--line)}
.top-status,.top-actions{display:flex;align-items:center;gap:8px}.brand{font-size:1.05rem;font-weight:900;color:var(--text);text-decoration:none}
.badge{padding:4px 8px;border-radius:999px;background:var(--badge-bg);color:var(--primary);font-size:10px;font-weight:800}.status{font-size:11px;color:var(--muted)}.status.ok{color:#169b6b}.status.bad{color:var(--danger)}
.ghost,.primary,.secondary{border:0;border-radius:10px;padding:9px 12px;font-weight:800;cursor:pointer}.ghost{background:var(--badge-bg);color:var(--primary);border:1px solid rgba(23,105,170,.14)}.button-link{text-decoration:none;display:inline-flex;align-items:center}
.primary{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;box-shadow:0 6px 16px rgba(23,105,170,.22)}.secondary{background:var(--badge-bg);color:var(--primary);border:1px solid rgba(23,105,170,.14)}
.login-wrap{min-height:480px;display:grid;place-items:center;padding:28px}.login-card{width:min(430px,100%);background:var(--surface-card);border:1px solid var(--line);padding:28px;border-radius:22px;box-shadow:var(--shadow)}
.lock-mark{width:60px;height:60px;border-radius:18px;background:linear-gradient(145deg,rgba(23,105,170,.09),rgba(15,165,143,.12));color:var(--primary);display:grid;place-items:center;margin-bottom:14px}.lock-mark svg{width:29px;fill:currentColor}
.eyebrow{font-size:10px;letter-spacing:.11em;font-weight:900;color:var(--primary)}.login-card h2{margin:6px 0 5px;font-size:26px}.login-card p{color:var(--muted);line-height:1.45;font-size:13px}
.login-card label,.form-grid label{display:grid;gap:6px;font-size:11px;font-weight:800;color:var(--muted)}
.login-card input,.form-grid input,.form-grid textarea,.link-item input{width:100%;border:1px solid var(--line);border-radius:10px;padding:10px 11px;background:var(--surface-card);color:var(--text);outline:none}
.login-card input:focus,.form-grid input:focus,.form-grid textarea:focus,.link-item input:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(23,105,170,.14)}.login-card .primary{width:100%;margin-top:13px;padding:11px}.message{min-height:18px;margin:9px 0 0!important;color:var(--danger)!important;font-size:11px}
.editor{padding:20px}.editor-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:4px}.editor-head h2{margin:0;font-size:24px}.editor-head p{margin:4px 0 0;color:var(--muted);font-size:12px}.save-message{min-height:22px;font-size:11px;color:#169b6b}.save-message.error{color:var(--danger)}
.admin-grid{display:grid;grid-template-columns:minmax(350px,.85fr) minmax(640px,1.45fr);gap:16px;align-items:start}.left-column{display:grid;gap:16px}
.panel{background:var(--surface-card);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);overflow:hidden}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-bottom:1px solid var(--line);background:linear-gradient(145deg,rgba(23,105,170,.04),rgba(15,165,143,.05))}
.panel-head h3{font-size:14px;margin:0}.panel-head p{font-size:10.5px;color:var(--muted);margin:3px 0 0}.panel-head.sticky{position:sticky;top:0;z-index:10;backdrop-filter:blur(10px)}
.form-grid{display:grid;gap:12px;padding:16px}.form-grid textarea{resize:vertical}
.control-stack{display:grid;gap:10px}
.axis-block{display:grid;gap:6px}.axis-label{font-size:11px;font-weight:800;color:var(--text)}
.axis-grid{display:grid;grid-template-columns:minmax(0,1fr) 78px;gap:8px;align-items:end}
.axis-control{display:grid;gap:5px}.axis-control>span{font-size:10px;color:var(--muted);font-weight:800}.axis-control input[type="range"]{padding:0;accent-color:var(--primary);box-shadow:none!important;border:0;background:transparent}.axis-number input{text-align:center}
.preview-card{border:1px solid var(--line);border-radius:16px;padding:14px;background:linear-gradient(180deg,rgba(23,105,170,.035),rgba(15,165,143,.03))}
.preview-card-head{display:flex;justify-content:space-between;gap:8px;align-items:center;margin-bottom:12px}.preview-card-head strong{font-size:12px}.preview-card-head span{font-size:10px;color:var(--muted)}
.profile-front-preview{display:grid;justify-items:center;gap:12px;padding:18px;border-radius:18px;background:linear-gradient(135deg,var(--hero-start),var(--hero-mid) 55%,var(--hero-end));color:#fff;position:relative;overflow:hidden}
html[data-theme="dark"] .profile-front-preview{background:linear-gradient(135deg,#061827,#0d4770 55%,#087061)}
.profile-front-preview:before{content:"";position:absolute;inset:0;background:
 linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px),
 linear-gradient(0deg,rgba(255,255,255,.04) 1px,transparent 1px);
 background-size:24px 24px,24px 24px;opacity:.25;pointer-events:none}
.preview-profile-wrap{position:relative;z-index:1}
.preview-profile-circle{display:grid;place-items:center;width:140px;height:140px;border-radius:50%;padding:6px;background:rgba(255,255,255,.14);box-shadow:inset 0 0 0 1px rgba(255,255,255,.24),0 14px 32px rgba(0,0,0,.22);overflow:hidden}
.preview-profile-circle img{width:100%;height:100%;object-fit:cover;border-radius:50%;transform-origin:center}
.preview-profile-text{position:relative;z-index:1;display:grid;justify-items:center;gap:4px;text-align:center}
.preview-profile-text strong{font-size:22px;line-height:1.05}.preview-profile-text>span{font-size:12px;line-height:1.4;color:rgba(255,255,255,.92);max-width:560px}.preview-profile-text>span span{display:block}
.links-panel{max-height:calc(100dvh - 220px);overflow:auto}.link-list{padding:10px;display:grid;gap:10px}
.link-item{display:grid;grid-template-columns:34px minmax(118px,128px) minmax(0,.95fr) minmax(0,1.1fr) minmax(230px,1fr) 94px;gap:8px;align-items:start;padding:10px;border:1px solid var(--line);border-radius:16px;background:var(--surface-card)}
.drag-num{width:34px;height:34px;border-radius:10px;background:var(--badge-bg);color:var(--primary);display:grid;place-items:center;font-weight:900;font-size:10px;margin-top:2px}
.front-icon-preview{width:128px;min-width:128px;display:grid;justify-items:center;gap:8px}
.front-icon-shell{width:128px;height:128px;border-radius:50%;position:relative;overflow:visible;display:block;border:2px solid var(--app-ring);background:rgba(255,255,255,.035);box-shadow:0 10px 28px rgba(12,42,67,.16),0 0 12px var(--app-glow),0 0 0 1px rgba(255,255,255,.12)}
html[data-theme="dark"] .front-icon-shell{box-shadow:0 12px 32px rgba(0,0,0,.42),0 0 16px var(--app-glow),0 0 0 1px rgba(255,255,255,.08)}
.front-icon-shell:before{content:"";position:absolute;inset:7px;border-radius:50%;overflow:hidden;background:rgba(255,255,255,.055)}
.front-icon-shell img{position:absolute;inset:7px;width:calc(100% - 14px);height:calc(100% - 14px);object-fit:contain;border-radius:50%;transform-origin:center;z-index:2}
.preview-note{font-size:9.5px;color:var(--muted);text-align:center;line-height:1.3}
.link-fields{display:grid;gap:7px;align-self:center}
.link-main-controls{display:grid;gap:7px;align-self:center}
.link-adjust{display:grid;gap:8px}
.link-adjust .axis-grid{grid-template-columns:minmax(0,1fr) 68px}
.link-adjust .axis-label{font-size:10.5px}
.mini-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;align-self:center}.mini-actions button{border:0;border-radius:7px;padding:7px 5px;cursor:pointer;background:var(--badge-bg);color:var(--primary);font-weight:900}.mini-actions .danger{background:rgba(220,38,38,.1);color:var(--danger)}
.link-item input{padding:8px;font-size:10.5px}
.theme-info{padding:16px;display:grid;gap:10px}.theme-swatch{display:flex;align-items:center;gap:10px;padding:10px;border:1px solid var(--line);border-radius:12px}.theme-swatch>span{width:46px;height:36px;border-radius:10px;flex:0 0 auto}.light-swatch>span{background:linear-gradient(135deg,#0b2447,#1769aa 55%,#0fa58f)}.dark-swatch>span{background:linear-gradient(135deg,#061827,#0d4770 55%,#087061)}.theme-swatch strong{display:block;font-size:11px}.theme-swatch small{display:block;color:var(--muted);font-size:9.5px;margin-top:2px}.theme-info p{margin:2px 0 0;color:var(--muted);font-size:10.5px;line-height:1.45}

@media(max-width:1180px){
  .admin-grid{grid-template-columns:1fr}
  .links-panel{max-height:none;overflow:visible}
  .link-item{grid-template-columns:34px 128px 1fr 1fr 94px}
  .link-adjust{grid-column:2/5}
}
@media(max-width:980px){
  .link-item{grid-template-columns:34px 128px 1fr 94px}
  .link-fields{grid-column:3/4}
  .link-main-controls{grid-column:2/4}
  .link-adjust{grid-column:2/4}
}
@media(max-width:700px){
  .admin-shell{width:calc(100% - 18px)}.admin-hero{padding:22px 0 55px}.hero-inner{justify-content:flex-start;gap:11px}.admin-brand-icon{width:58px;height:58px;border-radius:17px}.hero-copy h1{font-size:24px}.hero-copy p{font-size:11px}.theme-toggle-btn{top:10px;right:10px;width:39px;height:39px}.admin-main{margin-top:-29px}.admin-box{border-radius:20px}.admin-topbar{padding:9px 11px}.status{display:none}.editor{padding:12px 9px}.editor-head{align-items:flex-start;flex-direction:column}.editor-head .primary{width:100%}.panel{border-radius:15px}.axis-grid{grid-template-columns:1fr}.preview-profile-circle{width:126px;height:126px}.preview-profile-text strong{font-size:20px}.link-item{grid-template-columns:1fr}.drag-num{margin-top:0}.front-icon-preview,.link-fields,.link-main-controls,.link-adjust,.mini-actions{grid-column:auto}.front-icon-preview{justify-items:start}.mini-actions{grid-template-columns:repeat(3,1fr)}.panel-head{padding:12px}.link-list{padding:7px}.form-grid{padding:12px}.top-actions .button-link{display:none}.tech-grid{width:220px;height:120px;right:-12px;top:26%;opacity:.12}.panel-a{width:116px;height:58px;left:1%;top:19%}.panel-b{width:90px;height:54px;right:4%;bottom:14%}.line-a{width:102px}.line-b{width:82px}.line-c{display:none}
}