*{box-sizing:border-box}html,body{margin:0;font-family:Arial,Helvetica,sans-serif;background:#f5f7fb;color:#182433}a{color:inherit;text-decoration:none}
:root{--blue:#002050;--line:#d8e0ea;--muted:#708096;--danger:#b42318}
.topbar{height:64px;background:var(--blue);color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 24px;box-shadow:0 1px 8px #0002}.topbar span{opacity:.8}.top-actions{display:flex;align-items:center;gap:16px}.top-actions a{color:#fff}.project-name{width:280px;background:#fff;border:0;border-radius:6px;padding:9px 12px}
.page{padding:28px;max-width:1400px;margin:auto}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:18px}.template-card{background:#fff;border:1px solid var(--line);border-radius:10px;padding:12px;display:flex;flex-direction:column;gap:8px}.thumb{height:220px;background:#e8edf4;border-radius:7px;overflow:hidden;display:flex;align-items:center;justify-content:center}.thumb img{width:100%;height:100%;object-fit:cover}.placeholder{color:#66778c}
.table-wrap{background:#fff;border:1px solid var(--line);border-radius:10px;overflow:hidden}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:13px;border-bottom:1px solid #edf1f6}th{background:#f8fafc}
.btn{border:1px solid #c7d0dc;background:#fff;border-radius:6px;padding:9px 14px;cursor:pointer}.btn.primary{background:#0d4f9a;border-color:#0d4f9a;color:#fff}.btn.small{padding:6px 10px;font-size:13px}.btn.danger{color:var(--danger);border-color:#e9b8b4}.alert{background:#fee4e2;color:#912018;padding:10px;border-radius:6px;margin-bottom:12px}
.login-page{min-height:100vh;display:grid;place-items:center;background:linear-gradient(145deg,#001735,#002050 60%,#0b3a73)}.login-card{width:min(420px,92vw);background:#fff;border-radius:14px;padding:34px;box-shadow:0 20px 60px #0005}.login-card h1{margin:6px 0}.brand-mark{font-weight:800;letter-spacing:2px;color:var(--blue)}label{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:600;margin:14px 0}input,textarea,select{width:100%;border:1px solid #cdd6e2;border-radius:6px;padding:9px;font:inherit}
.editor-body{height:100vh;overflow:hidden}.editor-shell{height:calc(100vh - 64px);display:grid;grid-template-columns:220px 1fr 280px}.toolbar,.properties{background:#fff;padding:16px;overflow:auto}.toolbar{border-right:1px solid var(--line)}.properties{border-left:1px solid var(--line)}.toolbar h3,.properties h3{margin:6px 0 14px}.tool-btn{width:100%;display:block;margin-bottom:8px;padding:10px;border:1px solid #ccd6e2;background:#fff;border-radius:6px;text-align:left;cursor:pointer}.canvas-area{display:grid;place-items:center;overflow:hidden;background:#dfe5ec}.canvas-wrap{background:#fff;box-shadow:0 8px 30px #0003}.layers{display:flex;flex-direction:column;gap:4px}.layer-item{padding:8px;border-radius:5px;cursor:pointer;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.layer-item:hover,.layer-item.active{background:#eaf1fb}.row{display:flex;gap:8px}
.admin-form{background:#fff;border:1px solid var(--line);padding:18px;border-radius:10px;margin-bottom:20px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:14px}
@media(max-width:900px){.editor-shell{grid-template-columns:170px 1fr}.properties{display:none}.project-name{width:160px}}