*{box-sizing:border-box}body{margin:0;font-family:"Malgun Gothic",Arial,sans-serif;background:#f4f7fb;color:#1f2937}a{text-decoration:none;color:inherit}.hidden{display:none}
.topbar{background:linear-gradient(135deg,#163b64,#24588f);color:#fff;padding:16px 0;box-shadow:0 4px 12px rgba(0,0,0,.08)}.topbar-inner,.page,.login-shell{max-width:1440px;margin:0 auto;padding:0 18px}.topbar-inner{display:flex;justify-content:space-between;align-items:center;gap:14px}.brand{font-weight:700;font-size:22px}.brand-sub{font-size:13px;opacity:.9;margin-top:4px}.top-meta{display:flex;flex-wrap:wrap;gap:8px}.meta-chip,.pill,.badge,.tab-link{border-radius:999px;padding:8px 12px;font-size:13px}.meta-chip{background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.2)}.buttonish{cursor:pointer}
.page{padding:24px 18px 48px}.hero,.panel,.toolbar-card,.footer-card,.dash-card,.item-card,.login-side,.login-form-wrap{background:#fff;border:1px solid #d8e0e8;border-radius:18px;box-shadow:0 8px 22px rgba(32,56,85,.05)}.hero,.toolbar-card,.footer-card,.panel,.login-side,.login-form-wrap{padding:20px}.hero h1{margin:0 0 10px;color:#174a7a}.hero p,.helper,.small-note,.small,.muted{color:#5f7184;line-height:1.7}.tabs{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.tab-link{background:#edf4fb;border:1px solid #cfe0ef;color:#174a7a;font-weight:700}.tab-link.active{background:#174a7a;color:#fff}.stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:18px 0}.dash-card{padding:18px}.dash-card .label{font-size:13px;color:#5f7184}.dash-card .value{display:block;font-size:28px;margin-top:6px;color:#174a7a;font-weight:700}.toolbar-grid{display:grid;grid-template-columns:1.6fr 1fr auto auto;gap:10px}.field,.selectbox,.button{width:100%;padding:13px 14px;border-radius:12px;border:1px solid #d8e0e8;font-size:14px}.button{background:#174a7a;color:#fff;font-weight:700;cursor:pointer}.button.secondary{background:#edf4fb;color:#174a7a}.layout{display:grid;gap:16px}.user-layout{grid-template-columns:300px minmax(0,1fr) 280px}.admin-layout{grid-template-columns:260px minmax(0,1fr) 300px}.panel-title-row{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px}.path{font-size:13px;color:#6b7280;margin-bottom:8px}.article-title{font-size:28px;color:#174a7a;margin:0 0 10px}.badges,.pill-list,.button-row{display:flex;gap:8px;flex-wrap:wrap}.badge,.pill{background:#edf4fb;color:#174a7a;border:1px solid #cfe0ef}.article-summary{background:#f8fbff;border-left:4px solid #8ab0d5;padding:12px 14px;margin:14px 0;border-radius:10px}.article-body{border:1px solid #d8e0e8;border-radius:14px;padding:18px;line-height:1.9;background:#fcfdff;min-height:320px}.helper{background:#f9fbfe;border:1px solid #d8e0e8;border-radius:14px;padding:12px 14px;margin-top:12px}.helper.success{background:#effaf2;border-color:#cfe9d2;color:#40614a}.tree-doc{font-weight:700;color:#174a7a;margin:16px 0 8px}.tree-chapter{font-size:14px;padding:8px 10px;background:#f6f9fc;border-radius:10px;margin:8px 0}.tree-article,.result-card,.list-row,.codebox,.dropzone{border:1px solid #d8e0e8;border-radius:12px;padding:12px 14px;background:#fff}.tree-article{margin:8px 0;cursor:pointer}.tree-article.active{border-color:#6ea2d2;background:#f7fbff}.result-card{margin-bottom:10px;cursor:pointer;border-left:5px solid #93b7db}.result-card strong{display:block;margin-bottom:4px}.list-row{display:flex;justify-content:space-between;gap:12px;margin-top:8px}.item-card{padding:14px;margin-bottom:12px}.compare-add{background:#f0fbf4;border-color:#cde6d4}.compare-edit{background:#fffaf0;border-color:#ecd9a5}.compare-delete{background:#fff4f4;border-color:#e5c1c1}.codebox{white-space:pre-wrap;font-family:Consolas,monospace;background:#0f172a;color:#dbeafe}.dropzone{padding:32px;text-align:center;background:#f9fbfe;border-style:dashed}.login-page{background:linear-gradient(135deg,#e9f1f8,#f6f9fc)}.login-shell{display:grid;grid-template-columns:1.2fr 1fr;gap:18px;min-height:100vh;align-items:center}.feature-list{display:grid;gap:12px;margin-top:18px}.feature-box,.demo-account-box,.error-box,.mode-box{border-radius:14px;padding:14px}.feature-box{background:#f7fbff;border:1px solid #d7e5f2}.demo-account-box,.mode-box{background:#f7fafc;border:1px solid #d8e0e8;margin-top:14px}.error-box{background:#fff2f2;border:1px solid #f2c8c8;color:#9a3131;margin-bottom:12px}.login-actions{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;margin-top:14px}.stack-row{display:flex}.hint-list{margin-top:10px;padding-left:18px;color:#51606f}.info-grid{display:grid;grid-template-columns:1fr;gap:12px}.small-note code,.mode-box code{background:#eef2f7;padding:2px 4px;border-radius:4px}
@media (max-width:1100px){.user-layout,.admin-layout,.toolbar-grid,.stats-row,.login-shell,.login-actions{grid-template-columns:1fr}.topbar-inner{flex-direction:column;align-items:flex-start}}