:root{--blue:#0b57d0;--bg:#f4f7fb;--line:#dce3ee;--text:#172033}*{box-sizing:border-box}body{margin:0;font-family:Arial;background:var(--bg);color:var(--text)}a{text-decoration:none;color:var(--blue)}.topbar{height:66px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 5%}.brand{font-size:24px;font-weight:800}.topbar nav{display:flex;gap:16px;align-items:center}.page{max-width:1180px;margin:auto;padding:30px 20px}.hero{display:grid;grid-template-columns:1.2fr .8fr;gap:28px;padding:50px 0}.hero h1{font-size:50px}.card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:24px;box-shadow:0 12px 30px rgba(0,0,0,.06)}.btn{background:var(--blue);color:#fff;padding:11px 16px;border:0;border-radius:10px;display:inline-block}.small{padding:8px 12px}.input,textarea,select{width:100%;padding:12px;border:1px solid var(--line);border-radius:10px;margin:7px 0 13px}.auth{max-width:520px;margin:40px auto}.mail-shell{display:grid;grid-template-columns:220px 1fr;background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;min-height:70vh}.sidebar{background:#edf3ff;padding:18px}.sidebar a{display:block;padding:11px}.mail-main{padding:18px}.mail-row{display:grid;grid-template-columns:180px 1fr 150px;padding:14px;border-bottom:1px solid var(--line)}.notice{background:#eef6ff;padding:12px;border-radius:10px;margin:10px 0}@media(max-width:750px){.hero{grid-template-columns:1fr}.mail-shell{grid-template-columns:1fr}.sidebar{display:flex;overflow:auto}.mail-row{grid-template-columns:1fr}}