*{box-sizing:border-box}body{margin:0;color:#192635;background:#f3f5f8;font:15px/1.6 system-ui,-apple-system,'Malgun Gothic',sans-serif}button,input,select,textarea{font:inherit}button,a{cursor:pointer}a{color:#075cb1;text-decoration:none}button,.button{border:1px solid #d4dae3;border-radius:7px;background:white;color:#24364b;padding:10px 17px;display:inline-block}button.primary,.button.primary{background:#075cb1;border-color:#075cb1;color:white}button.danger{color:#b62d36}button:disabled{opacity:.5}input,select,textarea{width:100%;border:1px solid #cdd5df;border-radius:6px;padding:10px 12px;background:white;color:#192635}textarea{min-height:220px;resize:vertical}input[type=checkbox]{width:auto}label{display:block;font-weight:600;margin:14px 0 5px}h1{font-size:29px;letter-spacing:-1px;margin:0 0 5px}h2{font-size:20px}p{margin:8px 0;color:#627286}.muted{color:#627286}aside{position:fixed;inset:0 auto 0 0;width:235px;background:#112a44;color:white;padding:30px 20px;overflow:auto}aside .brand{font-size:30px;font-weight:850;letter-spacing:2px}aside small{color:#99b3cd}aside nav{margin-top:38px;display:grid;gap:7px}aside nav button{background:transparent;color:#d9e3ee;border:0;text-align:left;padding:12px 14px}aside nav button.active{background:#284b70;color:white}aside .site{display:block;color:white;margin:30px 12px}main{margin-left:235px;padding:38px;max-width:1700px}.top{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:25px}.panel{background:white;border:1px solid #e0e5ec;border-radius:12px;padding:24px;margin-bottom:22px;overflow:hidden}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.metric{font-size:38px;font-weight:750}.toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:18px 0}.toolbar input,.toolbar select{max-width:300px}table{width:100%;border-collapse:collapse}th,td{padding:14px 10px;border-bottom:1px solid #e9edf2;text-align:left}th{font-size:13px;color:#627286}td button{padding:5px 12px}.scroll{overflow:auto}.badge{font-size:12px;border-radius:20px;background:#eef4fb;color:#075cb1;padding:4px 9px;white-space:nowrap}.grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.editor{min-height:320px;border:1px solid #cdd5df;padding:22px;overflow:auto;max-height:650px;border-radius:7px;background:#fff}.editor img{max-width:100%}.editor iframe{max-width:100%}.code{font:13px/1.7 Consolas,monospace;min-height:380px}.login{max-width:430px;margin:12vh auto;padding:36px}.login button{width:100%;margin-top:23px}.login .brand{font-size:28px;font-weight:850;color:#075cb1}.error{color:#b62d36}#toast{position:fixed;right:24px;bottom:24px;background:#112a44;color:white;padding:14px 22px;border-radius:8px;display:none;z-index:1000}.preview{width:100%;height:650px;border:1px solid #d4dae3;background:white}.media{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:16px}.media article{border:1px solid #e0e5ec;padding:12px;overflow:hidden;border-radius:8px}.media img{width:100%;height:130px;object-fit:contain}.media code{font-size:11px;word-break:break-all}.page-editor{display:grid;grid-template-columns:1fr 300px;gap:18px}.edit-side{padding:16px;background:#f3f5f8;border-radius:8px}.edit-side textarea{min-height:130px}pre{white-space:pre-wrap;word-break:break-word}.hidden{display:none!important}.statusline{margin:10px 0}@media(max-width:850px){aside{position:static;width:auto;padding:15px 20px}aside nav{display:flex;overflow:auto;margin-top:12px;gap:3px}aside nav button{white-space:nowrap}aside .site{display:none}aside small{margin-left:15px}main{margin:0;padding:20px}.cards{gap:10px}.panel{padding:17px}.grid,.page-editor{grid-template-columns:1fr}.top{align-items:flex-start}h1{font-size:24px}.preview{height:600px}}
.login-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0a2d6c 0%,#2c66cb 100%);position:relative;padding:60px 18px;font-family:Arial,'Malgun Gothic',sans-serif}.login-screen:before{content:"";position:absolute;inset:0;opacity:.1;background:repeating-linear-gradient(90deg,#444,#444 2px,#666 0,#666 6px);pointer-events:none}.login-content{position:relative;width:600px;max-width:100%}.login-heading{text-align:center;color:white;font-weight:400;letter-spacing:-1px;margin:0 0 28px;white-space:nowrap}.login-heading .login-gear{display:block;font-size:80px;opacity:.3;margin-bottom:8px;line-height:1.3}.login-heading span{font-size:32px;font-weight:400}.login-heading strong{font-size:48px;font-weight:400;margin-left:7px}.login-card{background:white;border-radius:16px;padding:56px 32px 48px;box-shadow:0 3px 3px #0002}.login-field{height:64px;border:1px solid #ddd;border-radius:4px;display:flex;align-items:center;margin:0 0 16px;position:relative;font-weight:400}.login-field .xi{position:absolute;left:19px;color:#666;font-size:26px}.login-field input{height:100%;border:0;border-radius:4px;padding-left:67px;font-size:16px;background:transparent;outline-offset:2px}.login-field input::placeholder{color:#999}.login-actions{display:flex;justify-content:space-between;align-items:center;margin-top:32px}.login-actions .remember{margin:0;color:#003474;display:flex;gap:5px;align-items:center;font-size:14px;font-weight:400}.login-actions .remember input{width:19px;height:19px;accent-color:#003474}.login-actions button{background:#003474;color:#fff;width:40%;height:56px;border:0;border-radius:4px;font-size:16px;box-shadow:0 1px 2px #0003}.login-links{display:flex;justify-content:space-between;align-items:center;color:white;margin-top:24px;padding:0 36px;gap:15px;font-size:12px}.login-links a{color:white;font-size:14px;white-space:nowrap}.login-links .xi{font-size:17px;vertical-align:middle}.login-card .error:empty{display:none}.login-card .error{font-size:14px;margin:8px 0}@media(max-width:640px){.login-screen{padding:35px 18px}.login-heading span{font-size:24px}.login-heading strong{font-size:35px}.login-heading .login-gear{font-size:64px}.login-card{padding:32px 22px}.login-links{padding:0 5px;font-size:10px}.login-links a{font-size:12px}.login-actions button{width:43%}}
.account-links{display:flex;justify-content:center;align-items:center;gap:9px;margin-top:24px;color:#aaa}.account-links button{border:0;background:none;padding:2px 5px;color:#66758a;font-size:13px}.account-links button:hover{text-decoration:underline}.recovery-help{font-size:13px;margin-bottom:20px}.recovery-help code{overflow-wrap:anywhere}.recovery-code{overflow-wrap:anywhere;color:#003474;background:#eef4fb;padding:14px;border-radius:6px;font-size:15px}.recovery-code:empty{display:none}.login-actions button.secondary{background:#eef2f7;color:#30475e}.found-id{font-weight:bold;font-size:24px;color:#003474}

aside nav .nav-item{display:block;color:#d9e3ee;text-align:left;padding:12px 14px;border-radius:7px;text-decoration:none}aside nav .nav-item.active{background:#284b70;color:white}@media(max-width:850px){aside nav .nav-item{white-space:nowrap}}