:root{--blue:#1167d8;--blue-dark:#0b4fae;--blue-soft:#eaf3ff;--navy:#0f1b2d;--ink:#1b2638;--text:#4b596b;--muted:#748296;--line:#e3e9f0;--soft:#f7f9fc;--white:#fff;--danger:#d14343;--success:#0f9d78;--max:1600px}*{box-sizing:border-box}body{color:var(--ink);letter-spacing:.004em;-webkit-font-smoothing:antialiased;background:#f6f8fb;margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}[data-lucide]{display:block}.site-header{z-index:30;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);background:#fffffff7;position:sticky;top:0}.nav{width:min(calc(100% - 48px),var(--max));justify-content:space-between;align-items:center;gap:24px;min-height:72px;margin:auto;display:flex}.brand{color:var(--navy);align-items:center;gap:10px;font-size:1.12rem;font-weight:700;display:flex}.brand-mark{background:var(--blue);color:#fff;border-radius:10px;place-items:center;width:35px;height:35px;display:grid}.nav-links{color:#526174;align-items:center;gap:26px;font-size:.94rem;font-weight:550;display:flex}.nav-actions{align-items:center;gap:9px;display:flex}.icon-btn{border:1px solid var(--line);color:#667487;background:#fff;border-radius:10px;place-items:center;width:39px;height:39px;display:grid}.avatar{background:var(--blue-soft);width:39px;height:39px;color:var(--blue);border:1px solid #d6e7fb;border-radius:50%;place-items:center;font-size:.78rem;font-weight:700;display:grid}.page{width:min(calc(100% - 48px),var(--max));margin:auto;padding:40px 0 80px}.page-head{margin-bottom:28px}.eyebrow{color:var(--blue);letter-spacing:.07em;text-transform:uppercase;align-items:center;gap:7px;margin-bottom:9px;font-size:.75rem;font-weight:700;display:inline-flex}.eyebrow:before{content:"";background:var(--blue);border-radius:50%;width:7px;height:7px}h1{color:var(--navy);letter-spacing:-.024em;margin:0;font-size:clamp(2rem,3vw,3rem);font-weight:650;line-height:1.1}.page-head p{color:var(--text);max-width:760px;margin:10px 0 0;font-size:.95rem;line-height:1.65}.layout{grid-template-columns:250px minmax(0,1fr);align-items:start;gap:28px;display:grid}.side{border:1px solid var(--line);background:#fff;border-radius:17px;padding:9px;position:sticky;top:94px}.user-card{border-bottom:1px solid var(--line);align-items:center;gap:11px;margin-bottom:7px;padding:11px 10px 14px;display:flex}.user-card .avatar{width:44px;height:44px}.user-card strong{color:var(--navy);font-size:.88rem;font-weight:650;display:block}.user-card span{color:var(--muted);margin-top:3px;font-size:.75rem;display:block}.side-link{color:#5b6a7c;border-radius:9px;align-items:center;gap:10px;min-height:45px;padding:0 10px;font-size:.88rem;font-weight:560;display:flex}.side-link:hover{background:#f7f9fc}.side-link.active{background:var(--blue-soft);color:var(--blue);font-weight:650}.side-link [data-lucide]{width:18px;height:18px}.card{border:1px solid var(--line);background:#fff;border-radius:18px;margin-bottom:16px;overflow:hidden}.card-head{border-bottom:1px solid var(--line);padding:20px 22px 16px}.card-head h2{color:var(--navy);margin:0;font-size:1.07rem;font-weight:650}.card-head p{color:var(--muted);margin:6px 0 0;font-size:.8rem;line-height:1.55}.card-body{padding:22px}.form-grid{grid-template-columns:1fr 1fr;gap:15px;display:grid}.field{gap:8px;display:grid}.field.full{grid-column:1/-1}.field label{color:#566578;font-size:.8rem;font-weight:600}.input,.select{width:100%;min-height:49px;color:var(--navy);background:#fff;border:1px solid #d6e0ea;border-radius:11px;outline:0;padding:0 13px;font-size:.9rem}.input:focus,.select:focus{border-color:#8bb5eb;box-shadow:0 0 0 3px #1167d812}.setting-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:20px;padding:17px 0;display:flex}.setting-row:first-child{padding-top:0}.setting-row:last-child{border-bottom:0;padding-bottom:0}.setting-copy strong{color:var(--navy);font-size:.9rem;font-weight:650;display:block}.setting-copy span{color:var(--muted);margin-top:5px;font-size:.79rem;line-height:1.55;display:block}.switch{flex:none;width:46px;height:26px;position:relative}.switch input{opacity:0;width:0;height:0}.slider{background:#d9e1ea;border-radius:999px;position:absolute;inset:0}.slider:before{content:"";background:#fff;border-radius:50%;width:20px;height:20px;transition:all .2s;position:absolute;top:3px;left:3px;box-shadow:0 2px 5px #0f1b2d26}.switch input:checked+.slider{background:var(--blue)}.switch input:checked+.slider:before{transform:translate(20px)}.btn{border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-height:43px;padding:0 15px;font-size:.8rem;font-weight:650;display:inline-flex}.btn-primary{background:var(--blue);color:#fff}.btn-outline{color:var(--navy);background:#fff;border-color:#cad5e2}.btn-danger{color:var(--danger);background:#fdeeee;border-color:#f3d4d4}.card-footer{border-top:1px solid var(--line);background:#fcfdfe;justify-content:flex-end;gap:8px;padding:14px 22px;display:flex}.badge{color:var(--success);background:#eaf8f3;border-radius:999px;align-items:center;gap:6px;padding:6px 9px;font-size:.72rem;font-weight:650;display:inline-flex}@media (width<=900px){.nav-links{display:none}.layout{grid-template-columns:1fr}.side{gap:6px;display:flex;position:static;overflow:auto}.user-card{display:none}.side-link{white-space:nowrap}}@media (width<=620px){.nav,.page{width:calc(100% - 24px)}.page{padding-top:28px}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.card-head,.card-body{padding:17px}.card-footer{padding:13px 17px}}.icon-btn,.mobile-toggle{cursor:pointer}.mobile-toggle{border:1px solid var(--line);color:#667487;background:#fff;border-radius:10px;place-items:center;width:39px;height:39px;display:none}.icon-btn [data-lucide],.mobile-toggle [data-lucide]{width:18px;height:18px;margin:0}.brand-mark [data-lucide]{width:20px;height:20px;margin:0}.avatar{margin:0;line-height:1}.user-card .avatar{flex:0 0 44px;place-items:center;margin:0;display:grid}@media (width<=900px){.mobile-toggle{display:grid}}@media (width<=620px){.nav-actions .icon-btn{display:none}}