*{box-sizing:border-box}body{font-family:Arial,sans-serif;margin:0;background:#f5f7fb;color:#222}.topbar{background:#123c69;color:#fff;padding:14px 24px;display:flex;justify-content:space-between;align-items:center}.topbar a{color:#fff;text-decoration:none;margin-left:14px}.brand{font-weight:bold;font-size:20px}.container{max-width:1100px;margin:25px auto;background:#fff;padding:25px;border-radius:10px;box-shadow:0 2px 12px #0001}input,select,textarea,button{width:100%;padding:10px;margin:6px 0 14px;border:1px solid #ccc;border-radius:6px}button,.btn{display:inline-block;background:#123c69;color:#fff;border:0;padding:10px 16px;border-radius:6px;text-decoration:none;cursor:pointer;width:auto}.btn.secondary{background:#555}.btn.danger{background:#a92323}.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.card{border:1px solid #ddd;padding:16px;border-radius:8px;margin-bottom:16px;background:#fff}.alert{padding:10px;border-radius:6px;margin-bottom:14px}.success{background:#e2f7e7}.error{background:#ffe4e4}.tabs{display:flex;gap:8px;margin-bottom:15px}.tab-btn{background:#e8eef7;color:#111}.tab-btn.active{background:#123c69;color:#fff}.tab{display:none}.tab.active{display:block}table{width:100%;border-collapse:collapse;margin:12px 0}th,td{border:1px solid #ddd;padding:8px;text-align:left}th{background:#eef3fb}.small{font-size:13px;color:#666}.item-box{border:1px dashed #aaa;padding:12px;margin:10px 0;border-radius:8px}@media(max-width:700px){.grid{grid-template-columns:1fr}.topbar{display:block}.topbar nav a{display:inline-block;margin-top:10px}}