*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:#eef4fb;color:#10223d}.app-shell{max-width:980px;margin:auto;padding:18px}.topbar{background:linear-gradient(135deg,#0b3d91,#0f766e);color:#fff;padding:24px;border-radius:18px;box-shadow:0 10px 25px rgba(0,0,0,.12);margin-bottom:18px}.topbar h1{margin:0 0 8px;font-size:30px}.topbar p{margin:0;line-height:1.5}.card{background:#fff;border-radius:18px;padding:20px;box-shadow:0 8px 22px rgba(0,0,0,.08);border:1px solid #dce7f5;margin-bottom:16px}.small-card h2{margin-top:0;color:#0b3d91}.status-box{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:18px}.status-box div{background:#f4f8ff;border:1px solid #dbeafe;border-radius:12px;padding:12px}label{display:block;font-weight:700;margin-bottom:8px;color:#0b3d91}input{width:100%;padding:13px;border:1px solid #b9c7dc;border-radius:10px;font-size:16px;margin-bottom:14px}button,.secondary-btn{border:0;background:#0b3d91;color:#fff;border-radius:10px;padding:12px 16px;font-size:15px;font-weight:700;cursor:pointer;text-decoration:none;display:inline-block}button:hover,.secondary-btn:hover{opacity:.92}.links-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}.page-list{display:grid;gap:12px}.page-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px;border:1px solid #dce7f5;border-radius:14px;background:#f8fbff}footer{text-align:center;color:#475569;font-size:13px;margin-top:16px}@media(max-width:760px){.app-shell{padding:12px}.topbar{padding:18px}.topbar h1{font-size:24px}.status-box{grid-template-columns:1fr}.card{padding:16px}.page-item{align-items:flex-start;flex-direction:column}}