body{margin:0;font-family:Arial, sans-serif;background:#f4f7fb;color:#111827}.login{display:grid;place-items:center;height:100vh}.card{background:white;border-radius:12px;box-shadow:0 8px 30px #0001;padding:22px}.loginbox{width:340px}input,select,textarea{padding:10px;border:1px solid #d1d5db;border-radius:8px;margin:6px 0;width:100%;box-sizing:border-box}button,.btn{background:#1455d9;color:#fff;border:0;border-radius:8px;padding:10px 14px;text-decoration:none;display:inline-block;cursor:pointer}.btn.secondary{background:#111827}.btn.green{background:#09945c}.err{color:#b91c1c}.layout{display:flex}.side{width:220px;min-height:100vh;background:#082542;color:#fff;padding:20px}.side a{color:#fff;display:block;padding:12px;text-decoration:none;border-radius:8px}.side a:hover{background:#1455d9}.main{flex:1;padding:24px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}.table{width:100%;border-collapse:collapse;background:white}.table th,.table td{padding:10px;border-bottom:1px solid #e5e7eb;text-align:left}.canvas-wrap{display:flex;gap:16px}.toolbar,.props{background:white;border-radius:10px;padding:12px}.canvas-stage{position:relative;width:960px;height:640px;background:#fff8e8;background-size:100% 100%;border:1px solid #ddd;overflow:hidden}.item{position:absolute;border:1px dashed #60a5fa;cursor:move;box-sizing:border-box;display:flex;align-items:center;justify-content:center;white-space:nowrap}.item img{width:100%;height:100%;object-fit:contain;pointer-events:none}.item.line{border:0;border-top:2px solid #b17213;height:1px}.small{font-size:12px;color:#6b7280}