:root{--bg:#080c17;--panel:#101727;--panel2:#131d30;--line:rgba(222,230,255,.1);--text:#f4f5fb;--muted:#929bb3;--violet:#a78bfa;--blue:#68a7ff;--danger:#ff8190;--green:#65d6aa;--radius:18px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Manrope,system-ui,sans-serif;min-height:100vh}button,input,textarea{font:inherit}button,a,label{ -webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}.admin-glow{position:fixed;pointer-events:none;filter:blur(100px);opacity:.16;border-radius:50%;z-index:0}.glow-a{width:360px;height:360px;top:-180px;left:18%;background:#5d45dd}.glow-b{width:440px;height:440px;right:-240px;bottom:-180px;background:#2879d8}.login-screen{position:relative;z-index:1;min-height:100vh;display:grid;place-items:center;padding:26px}.login-card{width:min(100%,440px);padding:42px;border:1px solid var(--line);border-radius:26px;background:rgba(15,23,39,.9);box-shadow:0 30px 100px rgba(0,0,0,.35);backdrop-filter:blur(20px)}.admin-brand{display:flex;align-items:center;gap:12px;font:500 11px 'DM Mono',monospace;letter-spacing:.12em;color:#d7def0}.admin-brand b{color:var(--violet);font-weight:500}.brand-mark{width:38px;height:38px;display:grid;place-items:center;border:1px solid rgba(167,139,250,.55);border-radius:12px;font:800 19px Manrope;color:#fff;letter-spacing:-.08em}.brand-mark span{color:var(--violet)}.login-kicker,.panel-kicker,.top-eyebrow{display:block;color:var(--violet);font:500 10px 'DM Mono',monospace;letter-spacing:.16em}.login-kicker{margin-top:48px}.login-card h1{font-size:48px;line-height:1.04;letter-spacing:-.07em;margin:13px 0}.login-card h1 span,.section-intro h2 em,.welcome-banner h2 em{font-style:normal;background:linear-gradient(100deg,#9a8bff,#65b5ff);background-clip:text;color:transparent}.login-card>p{color:var(--muted);font-size:13px;line-height:1.7;margin:0 0 30px}.login-card form label,.form-card label,.project-edit-card>label{display:block;color:#cfd5e4;font-size:12px;font-weight:650}.login-card input,.form-card input,.form-card textarea,.project-edit-card input,.project-edit-card textarea,.pin-form input{width:100%;margin-top:9px;padding:13px 14px;border:1px solid var(--line);border-radius:11px;background:#0b1220;color:var(--text);outline:none;font-size:13px;transition:border .2s,box-shadow .2s}.login-card input:focus,.form-card input:focus,.form-card textarea:focus,.project-edit-card input:focus,.project-edit-card textarea:focus,.pin-form input:focus{border-color:rgba(167,139,250,.65);box-shadow:0 0 0 3px rgba(167,139,250,.1)}textarea{resize:vertical;line-height:1.65}.primary-btn{display:inline-flex;align-items:center;justify-content:center;gap:18px;padding:12px 17px;border:0;border-radius:10px;background:linear-gradient(110deg,#7b68ef,#538bdb);color:white;font-size:12px;font-weight:800;cursor:pointer;box-shadow:0 10px 28px rgba(95,102,223,.19);transition:transform .2s,filter .2s}.primary-btn:hover{transform:translateY(-2px);filter:brightness(1.08)}.full-btn{width:100%;margin-top:17px;padding:15px}.login-error{min-height:16px;color:var(--danger);font-size:11px}.demo-note{padding:13px 15px;border:1px solid rgba(249,190,105,.2);border-radius:12px;background:rgba(249,190,105,.055);color:#abb4c8;font-size:10px;line-height:1.7}.demo-note b{color:#f5d3a1}.back-link{display:inline-block;margin-top:22px;color:#bfc8dc;font-size:11px}.admin-app{position:relative;z-index:1;min-height:100vh}.admin-app[hidden]{display:none}.sidebar{position:fixed;inset:0 auto 0 0;width:250px;padding:29px 20px 22px;border-right:1px solid var(--line);background:rgba(9,14,26,.88);backdrop-filter:blur(22px);display:flex;flex-direction:column;z-index:5}.sidebar .admin-brand{padding:0 8px 35px}.sidebar-label{margin:0 10px 13px;color:#68748d;font:500 9px 'DM Mono',monospace;letter-spacing:.18em}.side-nav{display:grid;gap:6px}.side-link{width:100%;display:flex;align-items:center;gap:13px;padding:12px 13px;border:1px solid transparent;border-radius:10px;background:transparent;color:#98a2b8;text-align:left;font-size:12px;font-weight:650;cursor:pointer;transition:.2s}.side-link>span{width:20px;color:#8590a9;font-size:18px;text-align:center}.side-link:hover{background:rgba(255,255,255,.035);color:white}.side-link.active{background:linear-gradient(100deg,rgba(130,111,244,.16),rgba(73,135,224,.08));border-color:rgba(157,140,255,.17);color:white}.side-link.active>span{color:#b5a6ff}.sidebar-bottom{margin-top:auto}.editor-status{display:flex;align-items:center;gap:9px;padding:14px 10px;margin-bottom:12px;border-top:1px solid var(--line);color:#8e9ab3;font:9px 'DM Mono',monospace;letter-spacing:.1em}.editor-status i{width:7px;height:7px;background:var(--green);border-radius:50%;box-shadow:0 0 13px rgba(101,214,170,.65)}.side-preview,.logout-btn{display:flex;width:100%;justify-content:space-between;padding:12px 11px;border:1px solid var(--line);border-radius:9px;background:rgba(255,255,255,.025);color:#cbd2e1;font-size:11px;cursor:pointer}.side-preview span{color:var(--violet)}.logout-btn{margin-top:8px;color:#929bb0;justify-content:center}.admin-main{margin-left:250px;max-width:calc(100% - 250px);padding:0 46px 25px}.topbar{min-height:112px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);margin-bottom:32px}.top-eyebrow{margin-bottom:7px;color:#7c88a3;font-size:9px}.topbar h1{font-size:24px;letter-spacing:-.05em;margin:0}.top-actions{display:flex;align-items:center;gap:15px}.save-indicator{font-size:10px;color:#8291a9}.save-indicator:before{content:"";display:inline-block;width:6px;height:6px;margin-right:7px;background:var(--green);border-radius:50%;vertical-align:1px}.preview-btn{padding:10px 13px;border:1px solid var(--line);border-radius:9px;color:#d8def0;font-size:11px}.mobile-menu{display:none;background:transparent;color:#fff;border:0;font-size:22px}.panel{display:none;animation:fadeUp .35s ease both}.panel.active{display:block}@keyframes fadeUp{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}.welcome-banner{position:relative;min-height:285px;padding:35px 40px;overflow:hidden;border:1px solid rgba(155,140,255,.2);border-radius:20px;background:radial-gradient(ellipse at 80% 40%,rgba(87,107,233,.26),transparent 36%),linear-gradient(115deg,#171d3a,#101d35 65%,#101629)}.welcome-banner>div:first-child{position:relative;z-index:2;max-width:460px}.welcome-banner h2{margin:13px 0 10px;font-size:clamp(30px,4vw,44px);line-height:1.07;letter-spacing:-.065em}.welcome-banner p{max-width:430px;color:#a4aec4;font-size:12px;line-height:1.75;margin:0 0 21px}.banner-orbit{position:absolute;right:7%;top:50%;width:230px;height:230px;transform:translateY(-50%);display:grid;place-items:center}.orbit-ring{position:absolute;inset:4px;border:1px solid rgba(174,164,255,.34);border-radius:50%;box-shadow:0 0 50px rgba(114,101,238,.12),inset 0 0 45px rgba(114,101,238,.08)}.ring-two{inset:26px;border-color:rgba(116,181,255,.2);transform:rotate(45deg) scaleX(.72)}.banner-monogram{width:112px;height:112px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.24);border-radius:30px;background:linear-gradient(145deg,rgba(154,139,255,.36),rgba(70,126,217,.15));box-shadow:0 18px 55px rgba(0,0,0,.25);font-size:52px;font-weight:800;letter-spacing:-.12em}.banner-monogram span{color:#b5a5ff}.banner-orbit>i{position:absolute;top:16px;right:20px;color:#c6b7ff;font-size:26px;font-style:normal;animation:spin 12s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:18px 0}.stat-card,.quick-card,.tip-card,.form-card,.project-list-card,.project-edit-card,.settings-card{border:1px solid var(--line);border-radius:var(--radius);background:rgba(16,23,39,.8)}.stat-card{padding:19px 21px}.stat-card>span{display:block;color:#8e9ab2;font:9px 'DM Mono',monospace;letter-spacing:.13em}.stat-card strong{display:block;margin:10px 0 4px;font-size:27px;letter-spacing:-.06em}.stat-card small{color:#77839b;font-size:10px}.overview-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:15px}.quick-card,.tip-card{padding:22px}.card-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.card-heading h3,.list-card-head h3{font-size:15px;margin:6px 0 0;letter-spacing:-.04em}.heading-icon{width:37px;height:37px;display:grid;place-items:center;border:1px solid var(--line);border-radius:11px;color:var(--violet)}.quick-row{width:100%;display:flex;align-items:center;gap:14px;padding:15px 0;border:0;border-top:1px solid var(--line);background:transparent;color:#e4e8f3;text-align:left;cursor:pointer}.quick-number{color:#8d83e8;font:11px 'DM Mono',monospace}.quick-row>span:nth-child(2){flex:1}.quick-row b,.quick-row small{display:block}.quick-row b{font-size:11px}.quick-row small{margin-top:4px;color:#8490a7;font-size:10px}.quick-row>span:last-child{color:#a99bff}.tip-card{background:radial-gradient(circle at 90% 0%,rgba(102,124,237,.16),transparent 48%),rgba(16,23,39,.8)}.tip-symbol{margin:18px 0 5px;color:#b9aaff;font-size:28px}.tip-card h3{margin:0 0 9px;font-size:18px;letter-spacing:-.04em}.tip-card p{color:#99a4ba;font-size:11px;line-height:1.75}.tip-foot{display:block;margin-top:23px;color:#7e8aa2;font:8px 'DM Mono',monospace;letter-spacing:.1em}.section-intro{margin:8px 0 24px}.section-intro h2{margin:10px 0 8px;font-size:34px;letter-spacing:-.065em}.section-intro p{margin:0;color:#99a4bb;font-size:12px}.form-card{padding:26px;margin-bottom:16px}.form-section-title{display:flex;align-items:center;gap:14px;margin-bottom:22px}.form-section-title>span{width:36px;height:36px;display:grid;place-items:center;border:1px solid rgba(167,139,250,.25);border-radius:10px;background:rgba(167,139,250,.08);color:#b9adff;font:11px 'DM Mono',monospace}.form-section-title h3{margin:0;font-size:14px}.form-section-title p{margin:4px 0 0;color:#7f8ba3;font-size:10px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px 18px}.form-grid .span-two{grid-column:1/-1}.form-card label small,.project-edit-card label small{color:#7e8aa1;font-weight:400}.form-card input,.form-card textarea,.project-edit-card input,.project-edit-card textarea{display:block}.form-divider{height:1px;margin:27px 0;border-top:1px solid var(--line)}.form-actions{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:24px;padding-top:20px;border-top:1px solid var(--line)}.form-actions>span{color:#7e8ba3;font-size:10px}.upload-layout{display:flex;align-items:center;gap:20px}.profile-preview{width:94px;height:94px;display:grid;place-items:center;overflow:hidden;border:1px solid rgba(167,139,250,.3);border-radius:50%;background:radial-gradient(circle,#564a9c,#12192a);color:#fff;font-size:28px;font-weight:800}.profile-preview img{width:100%;height:100%;object-fit:cover}.upload-actions{display:grid;justify-items:start;gap:10px}.upload-btn{display:inline-flex!important;align-items:center;justify-content:center;padding:10px 13px;border:1px solid rgba(167,139,250,.35);border-radius:9px;background:rgba(167,139,250,.08);color:#dcd6ff!important;font-size:11px!important;cursor:pointer}.upload-btn:hover{background:rgba(167,139,250,.15)}.upload-actions small,.project-image-uploader small{max-width:350px;color:#7f8ba3;font-size:9px;line-height:1.6}.text-danger{border:0;background:transparent;color:#f08c9a;font-size:10px;cursor:pointer}.projects-admin-layout{display:grid;grid-template-columns:minmax(230px,.8fr) minmax(340px,1.25fr);gap:15px;align-items:start}.project-list-card,.project-edit-card{padding:20px}.list-card-head{display:flex;align-items:center;justify-content:space-between;padding-bottom:17px;border-bottom:1px solid var(--line)}.list-card-head h3{margin:0 0 4px}.list-card-head span{color:#7f8aa1;font-size:9px}.small-add-btn{padding:9px 11px;border:1px solid rgba(167,139,250,.32);border-radius:8px;background:rgba(167,139,250,.1);color:#d3caff;font-size:10px;font-weight:700;cursor:pointer}.project-admin-list{display:grid;gap:8px;padding-top:12px}.project-admin-item{display:flex;align-items:center;gap:10px;width:100%;padding:9px;border:1px solid transparent;border-radius:10px;background:transparent;color:#e5e9f4;text-align:left;cursor:pointer}.project-admin-item.active{border-color:rgba(167,139,250,.28);background:rgba(167,139,250,.09)}.project-admin-thumb{width:48px;height:40px;display:grid;place-items:center;overflow:hidden;border-radius:7px;background:linear-gradient(130deg,#28285c,#153653);color:#d3ccff;font-size:11px;font-weight:800}.project-admin-thumb img{width:100%;height:100%;object-fit:cover}.project-admin-item b,.project-admin-item small{display:block}.project-admin-item b{font-size:10px}.project-admin-item small{margin-top:4px;color:#7e8aa1;font-size:9px}.project-edit-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:21px}.project-edit-head h3{margin:5px 0 0;font-size:16px}.edit-index{color:#9e91f5;font:20px 'DM Mono',monospace}.project-edit-card>label{margin-bottom:15px}.project-edit-card .form-grid{margin-bottom:15px}.project-image-uploader{display:flex;align-items:center;gap:15px;padding:14px;border:1px dashed rgba(167,139,250,.28);border-radius:12px;background:rgba(167,139,250,.035)}.project-image-preview{width:135px;aspect-ratio:16/10;display:grid;place-items:center;overflow:hidden;border-radius:8px;background:linear-gradient(135deg,#292755,#16344e);color:#c7c0ff;text-align:center;font:9px 'DM Mono',monospace;letter-spacing:.1em}.project-image-preview img{width:100%;height:100%;object-fit:cover}.project-image-uploader>div:last-child{display:grid;justify-items:start;gap:8px}.project-form-actions{display:flex;align-items:center;justify-content:space-between;margin-top:20px;padding-top:17px;border-top:1px solid var(--line)}.delete-btn{border:0;background:transparent;color:#ed8594;font-size:10px;cursor:pointer}.skills-textarea{font-family:'DM Mono',monospace!important;min-height:260px}.form-hint{margin-top:12px;color:#8793ab;font-size:10px;line-height:1.6}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.settings-card{padding:22px}.settings-card h3{margin:15px 0 8px;font-size:16px}.settings-card p{min-height:51px;color:#94a0b6;font-size:11px;line-height:1.7}.settings-card .primary-btn,.settings-card .upload-btn{margin-top:10px}.warning-card{border-color:rgba(255,129,144,.18)}.outline-danger{padding:10px 13px;border:1px solid rgba(255,129,144,.32);border-radius:9px;background:rgba(255,129,144,.06);color:#ff9fac;font-size:10px;cursor:pointer}.pin-form{display:flex;gap:8px}.pin-form input{margin:0;min-width:0}.production-notice{display:flex;gap:14px;margin-top:17px;padding:18px;border:1px solid rgba(248,187,104,.2);border-radius:13px;background:rgba(248,187,104,.055)}.production-notice>span{width:22px;height:22px;flex:0 0 auto;display:grid;place-items:center;border-radius:50%;background:rgba(248,187,104,.16);color:#f5c47f;font-weight:800}.production-notice b{font-size:11px;color:#f3d3a2}.production-notice p{margin:5px 0 0;color:#aeb6c8;font-size:10px;line-height:1.7}.admin-footer{display:flex;justify-content:space-between;gap:10px;margin-top:36px;padding-top:17px;border-top:1px solid var(--line);color:#66738b;font:8px 'DM Mono',monospace;letter-spacing:.11em}.admin-footer i{color:#9b8af3;font-style:normal}.admin-toast{position:fixed;right:24px;bottom:24px;z-index:20;max-width:calc(100% - 30px);padding:12px 16px;border:1px solid rgba(167,139,250,.3);border-radius:10px;background:#171d32;color:#eceaff;font-size:11px;box-shadow:0 15px 45px rgba(0,0,0,.3);opacity:0;transform:translateY(8px);pointer-events:none;transition:.25s}.admin-toast.show{opacity:1;transform:translateY(0)}
@media(max-width:1100px){.admin-main{padding:0 28px 25px}.projects-admin-layout{grid-template-columns:1fr}.project-admin-list{grid-template-columns:repeat(2,1fr)}}
@media(max-width:800px){.sidebar{width:225px;transform:translateX(-100%);transition:transform .25s}.sidebar.open{transform:translateX(0)}.admin-main{margin-left:0;max-width:100%;padding:0 22px 24px}.mobile-menu{display:block}.topbar{min-height:90px}.top-actions{margin-left:auto;margin-right:14px}.overview-grid{grid-template-columns:1fr}.banner-orbit{right:3%;opacity:.55}.welcome-banner>div:first-child{max-width:380px}.projects-admin-layout{grid-template-columns:1fr}}
@media(max-width:560px){.login-card{padding:29px 23px}.admin-main{padding:0 14px 22px}.topbar{min-height:82px;margin-bottom:22px}.topbar h1{font-size:20px}.top-eyebrow{font-size:7px}.top-actions{gap:8px}.save-indicator{display:none}.preview-btn{font-size:9px;padding:9px}.welcome-banner{min-height:270px;padding:26px 22px}.welcome-banner h2{font-size:34px}.welcome-banner p{max-width:280px;font-size:11px}.banner-orbit{right:-60px;top:70%;transform:translateY(-50%) scale(.75);opacity:.27}.stats-grid{gap:8px}.stat-card{padding:13px 10px}.stat-card strong{font-size:22px}.stat-card>span{font-size:7px}.stat-card small{font-size:8px}.form-card,.project-list-card,.project-edit-card,.settings-card{padding:18px}.form-grid,.settings-grid{grid-template-columns:1fr}.form-grid .span-two{grid-column:auto}.form-actions{align-items:flex-start;flex-direction:column}.upload-layout{align-items:flex-start}.project-admin-list{grid-template-columns:1fr}.project-image-uploader{align-items:flex-start;flex-direction:column}.project-image-preview{width:100%;max-width:250px}.section-intro h2{font-size:29px}.admin-footer{font-size:7px;flex-direction:column}.pin-form{flex-direction:column}.project-form-actions{gap:10px}.production-notice{padding:13px}}


/* Password field wrapper and toggle */
.password-field-wrap {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
}
.password-field-wrap input {
  padding-right: 44px !important;
}
.pw-toggle-btn {
  position: absolute;
  right: 12px;
  top: calc(50% + 4px);
  transform: translateY(-50%);
  background: none;
  border: none;
  color: #929bb3;
  cursor: pointer;
  font-size: 16px;
  padding: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: opacity 0.2s;
}
.pw-toggle-btn:hover {
  opacity: 0.8;
}